/* ===================== ÍNDICE ============================= 

0. VARIABLES LESS
1. AJUSTES GENERALES
2. HEADER MASTER PAGES
3. FOOTER MASTER PAGE PORTAL PRINCIPAL 
*/

/* ================ 0. VARIABLES LESS ===============================*/
@import "/Style Library/plantilla/fonts/font-face.css";
@import "/Style Library/plantilla/estilos/less/vars.less";
/*@import "/Style Library/plantilla/estilos/less/styleForms.less"; */
@import "/Style Library/plantilla/estilos/less/master2022.less";
/*.modal-backdrop, #myModal{
	display: none !important;
}*/
body,html{
	overflow: hidden;
}  
/* ================ 1. AJUSTES GENERALES ==============================*/ 
/* Fixed Display Table Webparts */
.ms-webpart-zone {
	display: block !important; 
	.ms-webpart-cell-vertical {
		display: block !important;
		.ms-webpart-chrome-vertical {
			display: block !important;
			.owl-carousel
			{ 
				padding: 0px !important;
				&.owl-loaded
				{
					padding: 0px !important;
				}
			}
		}
	}
} 
#s4-workspace{
	overflow-x: hidden; 
}
.noVisible{
	display: none;
}

.noMenu{
	display: none !important;
}

.fondoBarra{
	  background-color: rgba( 239,239,239,0.78 )!important;
}

#suiteBarRight {    
    position: absolute !important;
    right: 0 !important;
}

.btnRibbon {
    height: 30px;
    width: 100%;
    position: relative;
    background-color: #f2f2f2;
}

div#ms-designer-ribbon {
    background-color: #f2f2f2;
} 

.cambiarpassword{

	position: absolute;
    right: 153px;    
    z-index: 99;
    background-color: #143d8d;
    border: none;
    padding: 4px 17px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    font-family: ubuntumedium;
    &:hover{
    	 background-color: #0177c0;    	
    }

    a{
    	color: #fff !important;
    }
}
 
.cerrarsesionuserFBA {
   position: absolute;
    right: 28px;   
    z-index: 99;
    background-color: #143d8d;
    border: none;
    padding: 4px 17px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    font-family: ubuntumedium;
    &:hover{
    	 background-color: #0177c0;    	
    }

    a{
    	color: #fff !important;
    }
}
/*******************************Elemento de publicacion de portal niños *************/
iframe .ms-dlgContent{
	z-index: 99999999999999!important;   

}
 
/**********IMG MODAL*************/
div#ModalImg {
    max-width: 100%;
    max-width: 100%;
    width: 100%;
    height: 400px;
    background-position: center top !important;
}

div#ImageLoad .modal-dialog .modal-content {
    margin-top: 0%; 
}

div#ImageLoad .modal-header button.close {
    z-index: 999999999;
    height: 42px;
    width: 40px !important;
    opacity: inherit;
    position: absolute;
    right: 0;   
}

div#myModal .modal-header {   
    z-index: 1;
	position:relative;
    padding: 0px; 
}

div#myModal .modal-dialog .modal-content {
    margin-top: 0%; 
       /* z-index: 100000000 !important;*/
}

div#myModal .modal-header button.close {
    z-index: 999999999;
    height: 42px;
    width: 40px !important;
    opacity: inherit;
    position: absolute;
    right: 0;
    text-align: right;
    padding: 0px 9px;
    font-size: 34px;
    display: block;
}

/*.modal-backdrop { 
  z-index: -1;
}*/
/*div#myModal.modal {
   z-index: 9999!important;
}*/

 
/*******************************Elemento de publicacion de portal niños *************/
/* Fixed Menu Ultimo Item */
/*.FixedMenu{ 
	position: absolute;
	left: -257px !important;
}*/  
/* Fixed Menu Ultimo Item */
/* Fixed Display Table Webparts */
.nopaddin {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.nopaddingleft {   
	padding-left: 0;
}

.nopaddingright {   
	padding-right: 0; 
}

.novisible {
	display: none;
}

.visible{
	display: block;
}


.table-capacitaciones {
	overflow-y: auto;
	width: 100%; 
}

ul#ui-id-1.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background: #fff !important;
    padding: 0px !important;
    list-style: none !important;
    z-index: 99999999999999 !important;
}

ul#ui-id-1.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {
    padding: 2px 10px !important;
    width: 67% !important;
    color: #143d8d !important;
}

.bootstrap-dialog.type-primary .modal-header {
	background-color: #143d8d !important;
	font-size: 18px;
	color: #fff;
	font-family: 'ubunturegular';
}
.modal-dialog.modificarmodal {
	position: fixed !important;
	right: 0px !important;
	bottom: 0px !important;
	margin: 0px;

	.modal-body{
		padding: 0px !important;
	}
	.modal-footer{
		display: none !important;
	}
}


* {
	-webkit-overflow-scrolling: touch;
}

.fechapage { 
	font-size: 15px !important;
	font-family: 'ubunturegular';
	color: #143d8d;
	/* margin-bottom: 50px;*/    
}

.btn-encuestas{
    display: inline-block;
    background-color: #143d8d !important;
    padding: 2px 18px 2px 18px !important;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 14px !important;  
    font-weight: 600; 
}

/*.mostra{  
	display: block!important;
     margin-top: 8%;
    
} 

.habilitarVista {
   margin-right: 20px !important;
    margin-left: 220px !important;
    min-width: 703px !important;
    }*/


    body {
    	font-family: @monse-medium;
    	color: @gray-text;
    	font-size: 16px;
    }

    p, li, span{
    	font-family: @monse-medium;
    	color: @gray-text;
    }

    h1 {
    	font-size: 28px;    
    	color: @fblue;
    	text-align: left;    
    	font-family: @monse-semibold;
    }

    h2 {
    	font-size: 22px;    
    	color: @fblue !important;
    	text-align: left;
    	font-family: @monse-semibold;
    }

    h3 {
    	font-size: 24px;
    	font-weight: 500;
    	color: @fblue;
    }

    h4 {
    	font-size: 18px;
    	color: @flight-blue;
    }
    p {
    	font-size: 16px;
    }

/*li {
    list-style: none;
    }*/
    a {
    	text-decoration: none;
    }
    a:link a:link *{
    	color: @flight-blue;
    }
    a:visited, a:visited *{
    	color: @avisited;
    }
    a:hover, a:hover *{
    	text-decoration: none;
    	color: @fblue;
    }
    
    /******************imagen de paginas al 100%************************/
    .contentImage.bgimagenpagina {
	   /* height: 335px;
	   max-height: 327px;*/  
	   max-width: 274%;
	   max-height: 400px;
	   overflow: hidden; 
	   display: block;
	   background-position: 100%;
	   background-size: cover;
	   background-repeat: no-repeat;
	}
	/******************imagen de paginas al 100%************************/
	/*********** Padding Pagina Contenido *********************/
	#menucont_cont{
		margin-bottom: 50px; 
	}
	/*********** Padding Pagina Contenido *********************/
	.ms-signInLink{
		display: none !important;
	}

	#pagecontent{
		background-color: @colorWhite;
	}

	.ms-rtestate-field p, p.ms-rteElement-P {
		color: @gray-text;  
		font-size: 16px;        
		text-align: left !important; 
		line-height: 1.6em !important; 
	}



	.ms-rtestate-field {

		a {
			color: @flight-blue;
			&:hover{
				color: @fblue;
				text-decoration: underline;
			}
			&:active{
				color: @flight-blue;
			}
			&:visited{
				color: @fblue;
			}
		}

		ul li { 
			list-style-type: disc;

		}

		span.ms-rteFontSize-1 {
			color: @gray-text;
			font-size: 12px;
			line-height: 28px;
			letter-spacing: normal;
			text-align: left !important;
		}


		span.ms-rteFontSize-2 {
			color: @gray-text;
			font-size: 15px;
			ine-height: 28px;
			letter-spacing: normal;
			text-align: left !important;
		}

		span.ms-rteFontSize-3 {
			color: @gray-text;
			font-size: 18px;
			line-height: 28px;
			letter-spacing: normal;
			text-align: left !important;
		}


		span.ms-rteFontSize-4 {
			color: #666666;
			font-size: 24px;
			line-height: 28px;
			letter-spacing: normal;
			text-align: left !important;
		}

		span.ms-rteFontSize-5 {
			color: #666666;
			font-size: 24px;
			line-height: 32px;
			letter-spacing: normal;
			text-align: left !important;
		}

		span.ms-rteFontSize-6 {
			color: #666666;
			font-size: 48px;
			line-height: 32px;
			letter-spacing: normal;
			text-align: left !important;
		}

	}
	/* AJUSTES AL CORE DE SHAREPOINT */
	#contentBox {
		margin: 0px;
		min-width: 100%;
	}

	.ms-siteactions-root > span > a.ms-core-menu-root {
		width: auto;
		height: auto;
	}
	#ms-help {
		span {
			height: 28px !important;
			width: 28px !important;
		}
	}
	li.dfwp-item {
		list-style-type: none;
	}





	.b_accesibilidad {    

		display: inline-block;
		color: @fblue;
		margin: 5px 0px 0px 0px;   

		.contraste {
			width: 10%;
			display: inline-flex;    
		    top: -3px;
           	position: relative;     
			

			span {
				cursor: pointer;
				font-size: 20px;
				color: @fblue;
				padding-top: 4px;
				&:hover{
					color: @flight-blue;
					}
			}
			a{
				img{
					width: 20px;
					height: auto;
					margin-left: 10px;
				}
			}
		}

		.aumentaLetra {
			display: inline-block;
			width: 5%;  
			
			    top: -3px;
    			position: relative;        
			       
			a {

				display: inline-block;              
 
				span {
					cursor: pointer;
					color: @fblue;
					font-family: @monse-semibold;
					&:hover{
					color: @flight-blue;
					}
				}
			}

		}
		.aumentaLetra .fontInc {
			font-size: 20px;
		}
		.aumentaLetra .fontDec {
			font-size: 14px;
		}
		.idiomas {       
			display: flex;
			padding-top: 4px;
			font-size: 12px;
			line-height: 24px;
		}
	}


	/* ================ 2. HEADER MASTER PAGES ==============================*/
	/* CONTIENE HEADER MASTER PAGE PORTAL PRINCIPAL*/
	/* CONTIENE HEADER MASTER PAGE PORTAL NIÑOS*/

	.skip-link {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 50;
		background: #495057;
		font-size: 1rem;
		line-height: 1.5;
		padding: 1px 1rem 2px;
		border-radius: 0 0 0.3rem 0.3rem;
		border-bottom-width: 0;
		outline: 0;
	  }
	  
	  .visually-hidden {
		position: absolute !important;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		width: 1px;
		height: 1px;
		word-wrap: normal;
	  }
	  
	  .skip-link.visually-hidden.focusable:focus {
		position: absolute !important;
		color: #fff;
		clip: auto;
		width: auto;
		height: auto;
	  }

	header {
		background: #fff;

		.topbar {
			height: 45px;
		}
	}

	header .topbar {
		height: auto !important;
		background-color: @gray;
	}
	.cont_primerheader {

		height: 40px;
		margin-top: 8px;



		/***************************buscador********************************/
		.buscadorHeader {

			.buscaHeader.search {
				width: 61%;
				display: inline-block;
				position: absolute;
				vertical-align: middle;            
				height: 33px;
				right: 0px;
				/*display: none !important;*/

				.ms-mpSearchBox {
					width: 0px !important; 
				}
			}

			div#searchInputBox .ms-srch-sb > input {
				display: inline-block;
				border-style: none;
				outline-style: none;
				height: 30px;
				width: 220px;
				/* margin: 0px 0px 0px 9px; */
				/* padding: 0px 28% 0px 0px; */
				background-color: transparent;
				color: @colorWhite;
			}

			#searchInputBox {    
				float: none !important;
			}   

			div#SearchBox {
				background: @colorTextBlue;
				height: 30px;
				border-radius: 6px;           
				position: absolute;
				width: 100%;
				/* margin-bottom: 20px;*/
				border: 1px solid @fblue;            
			}

			.ms-srch-sb:not(:hover) {
				border: 0px solid #ababab !important;
			}  

			.ms-srch-sb:not(:focus) {
				border: 0px solid #ababab !important;
			}  
			.ms-srch-sb-borderFocused {
				border: 0px solid #ababab !important;
			}

			.ms-srch-sb>input {
				display: inline-block;
				border-style: none;
				outline-style: none;
				height: 30px;
				margin: 0px 0px 0px 9px;
				padding: 0px 28% 0px 0px;
				background-color: transparent;
				color: @colorWhite;
			}

			div#searchInputBox {
           /* margin-bottom: 0px;
            float: right;
            border-radius: 6px;*/

            .ms-srch-sb {

            	&:hover {
            		border: 0px solid #ababab !important;
            	}    
            }
        }


        .ms-srch-sb-border {
        	border: 0px solid #ababab;
        	border-radius: 6px;       
        	width: 100%;
        }

        .ms-srch-sb-searchImg {
        	left: 0px;
        	top: 14%;
        	position: absolute;
        	width: 20px;
        	height: 20px;   
        }

        .ms-srch-sb > .ms-srch-sb-searchLink { 
        	margin-left: -24px;  
        	height: 30px;
        	width: 24px;
        	position: absolute;
        	right: 0;
        	top: 0;
        }  

        a#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_SearchLink:hover {
        	background: transparent;
        }


        .ms-srch-sb-searchLink:active, 
        .ms-srch-sb-searchLink > img:active, 
        .ms-srch-sb-navLink:active, .ms-srch-sb-navLink > img:active,
        .ms-srch-sb-navLink-menuOpen, .ms-srch-sb-navLink-menuOpen:hover {
        	background-color: transparent !important;
        	background-color: transparent !important;
        	outline: 0px;   
        }



        .ms-srch-sb:hover {
        	border: 0px solid #ababab;
        	background-color: transparent !important;
        }

        .ms-srch-sb:not(:hover) {
        	border: 0px solid #ababab;
        	background-color: transparent !important;
        }


    }

    /***************************fin buscador********************************/

    /***************************redes sociales********************************/


    .redesFlotantes {

    	position: absolute;
    	border-radius: 5px 0px 0px 5px;
    	width: 37%;
    	display: inline-block;
    	vertical-align: middle;
    	
    	li {
    		display: inline-block;
    		width: 28px;                            
    		position: relative;
    		top: 3px;
    		margin-right: 5px;

    	}

    	ul.cont_redesFlotantes {
    		padding: 0px !important;
    		display: inline-block;
    		width: 100%;
    		margin: 0px;
    		top: -2px;
    		position: relative;  

    		.cont_iconoRedes {                              

    			path {
    				fill: @fblue !important;
    			}
    			a {
    				display: block; 
    				height: 30px;
    				color: transparent;
					font-size: 1px;  
    			}
    			a svg{
    				height: 30px;
    			}


    		}  

    		.cont_iconoRedes a svg path.st0:hover {
    			fill: #0177c0 !important;
    		}
    	}  
    }    

    /***************************redes sociales********************************/

}
.container-fluid.superContHeader {
	height: auto;
	background-color: @colorWhite;
	border-top: 1px solid white;
	border-bottom: 1px solid white;

	.contHeaderLogos {
		height: auto;
		padding: 0;
		/*padding-top: 17px;
		padding-bottom: 17px;*/

		.contLogoMenu {
			padding: 0px 10px;

			.logoFogacoop {
				img {
					width: auto; 
					margin-top: 21px;
					height: 54px; 
					margin-bottom: 21px;
				} 
			} 

			.minhaciendaLogo  {
				img { 
					width: auto;
					margin-top: 20px;
					height: 55px;
					margin-bottom: 14px; 
					float: right; 
				}
			}
			.miniMenuH {
				display: inline-block;
				margin-top: 40px;
				padding-left: 5px; 
				padding: 0;  

				ul{
					display: inline-block;
					padding: 0;  
					margin-bottom: 0;
					position: absolute;	
					left: 7px;
				}

				li {
					border-right: solid 1px; 
					padding-right: 10px; 
					padding-left: 10px;
					height: 20px;
					display: inline-block;


					a {
						padding: 0px 2px;
						color: @black;
						font-size: 18px;
						font-family: @worksans-semibold;
						&:visited{
							color: @avisited;
						}
						&:hover{
							color: @flight-blue;
						}
					}
				}
				li:nth-child(2) {
					padding-left: 15px;
					padding-right: 17px;
				}
				li:nth-child(3) {
					border-right: solid 1px transparent;
					padding-left: 14px;
				}
			}
		}
		/*LOGOS DE GOBIERNO PARA HOME*/
		.logosGobierno{
			padding: 0;
			padding-right: 15px;

			#imgMinHacienda {   
				width: 150px;
				height: auto;
				margin: 0 auto;
				display: block;
			}
			#imgLemaGov {
				width: 300px;
				height: auto;
				float: right; 
				/*margin-top: -5px;*/
			}  
		}

		/*LOGOS DE GOBIERNO PARA PORTAL NIÑOS eENCABEZADO Y FOOTER*/
		.logosGobiernoPortalKids{ 
			padding: 0;  
			padding-right: 15px;  

			 img {
				position: relative;
				width: auto;
				margin-top: 20px;
				height: 55px;
				margin-bottom: 14px;
				float: right;  
				}
		}
	}
}
.logoGovPortalninos img {   
	position: relative;
	width: auto;	
	height: 55px;	  
	margin: 22px auto 14px auto; 
}   

/* ================ 3. FOOTER MASTER PAGE PORTAL PRINCIPAL ==============================*/

footer {
	div#VisitasP a {
    font-family: 'ubunturegular';
    font-size: 14px;
    font-weight: 500;
    text-align: justify;
    color: #143d8d;
    padding: 10px 0px;
    top: 8px;
    position: relative;
}
	ul {
		margin: 0px;
		padding: 0px
	}
	.menufooter {
		height: 35px;       
		display: block;
		width: 87%;
		text-align: left;
		padding: 0px;

		#enlacesFooter li.dfwp-item {
			display: inline-block;
			padding-right: 20px;
			vertical-align: middle;
			padding: 8px 21px 8px 0px;

			a {
				text-decoration: none;
				font-family: @monse-medium;
				font-size: 14px;
				font-weight: 500;
				line-height: 0.94;
				text-align: justify;
				color: @colorTextBlue;
				padding: 10px 0px;
				&:visited{
					color: @avisited;
				}
				&:hover{
					color: @flight-blue;
				}
				span {
					margin-left: 10px;
				}
			}  
		}
	}


	.contentMenuFooter {
		background-color:  @yellow;
	}

	.lastAct {
		height: 35px;        
		display: block;       
		text-align: left; 
		padding: 0px;
		padding-top: 10px;  

		li.last.visitas .items a div:nth-child(2) {
		    display: none; 
		}

		li { 
			display: inline-block;
			padding-right: 20px;
			vertical-align: middle;
			padding: 0px 0px 8px 0px; 
			font-family: @monse-medium;
			font-size: 14px;
			font-weight: 500;
			line-height: 0.94;			
			color:  @fblue;

			span {
				display: inline-block;
				padding-right: 20px;
				vertical-align: middle;
				padding: 3px 12px 8px 0px;
			}

		}  




		a {
			text-decoration: none;
			font-family: @monse-medium;
			font-size: 14px;
			font-weight: 500;
			line-height: 0.94;
			text-align: justify;  
			color:  @fblue;
			display: inline-block;

			span {
				margin-left: 10px;
				font-family: @monse-medium;
				font-size: 14px;
				font-weight: 500;
				line-height: 0.94;				 
				color:  @fblue;
				display: inline-block;
			}
		}

		span#ctl00_g_0b74287f_5aef_4c73_95c2_d83805aa69f2_urlActual {
			display: none;
		}
	}

	#enlacesFooter li.dfwp-item:last-child a span {
		display: none;
	}
	.izquierda {
		font-size: 16px;
		line-height: 1.75;
		text-align: left;
		color: @gray-text;
		padding: 35px 0px 25px 0px;

		img{
			width: auto;
            height: 68px;
		}
	}
	.derecha {
		font-size: 16px;
		line-height: 1.75;
		text-align: right;
		color: @gray-text;
		padding: 22px 0px 25px 0px;
	}
	.inferior {
		font-family: @monse-semibold;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5;
		text-align: left;
		color: @fblue;
	}
	.inferior p {
		font-family: @monse-medium !important;    
		font-size: 14px;
		color: @fblue !important;
		width: 80%;
	}
	.navegar, .mejorVisua{
		padding: 0; 
	}
	.navegar{
		.form-control{
			color: @colorTextBlue;
			font-family: @monse-medium !important;    
		}
	}
}

/* ==================================================================================*/
/* ==========================2. LISTA NOTICIAS========================================*/
.titleNoticias h1 { margin-top: 9px;    font-size: 28px; }

.sectionListaNoticias.container {
	margin-bottom: 45px;

	ul#NoticiasBloques2 {
		margin-bottom: 40px;
		float: left;
		padding: 0px;    
	}

	#NoticiasBloques2 {

		li.dfwp-item {float: left;/*width: 21%;margin-right: 4%;*/margin-top: 41px;overflow: hidden;height: 283px;}
		/*.imagen {height: 285px;float: left;width: 100%;*/
			.imagen {

				height: 328px;
				max-height: 328px;
				background: #143d8d;
				max-width: 274%;
				display: block;
				background-position: 25%;
				background-size: auto 100%;
				background-repeat: no-repeat;


				img {
					width: 100%; 
				}
			}
			/* .description {float: left;width: 100%;margin-top: -118px;-webkit-transition: margin .4s ease-in-out;-moz-transition: margin .4s ease-in-out;-o-transition: margin .4s ease-in-out;transition: margin .4s ease-in-out;color: white;}*/
			.description {float: left;width: 100%;margin-top:173px;-webkit-transition: margin .4s ease-in-out;-moz-transition: margin .4s ease-in-out;-o-transition: margin .4s ease-in-out;transition: margin .4s ease-in-out;color: white;}
			.fechaAlbum  {float: left;width: 100%;padding: 4px 17px;letter-spacing: 0px;background-color: rgba(0, 0, 0, 0.8);min-height: 30px;margin-bottom: 0px; color: #ffffff}
			.descri {  padding: 2px 17px; font-size: 12px; letter-spacing: 0px; line-height: 18px;  float: left; height: 173px;}
			.titulo {  float: left; width: 100%; padding: 10px 17px; font-size: 16px; line-height: 20px;  min-height: 82px !important; color: white;} 
			.animate { margin-top:0px !important; }
			.resume {width: 100%; float: left; background-color: rgba(0, 0, 0, 0.7);}

		}
	}
	/* ==========================2. Historico Boletines ========================================*/

	.modal-content {
		margin-top: 50%;
	}

	.contHBoletines{


		.titleBoletin h1 { margin-top: 9px; }

		ul#BoletinBloques2 {
			margin-bottom: 40px;
			width: 100%;
			float: left;
			padding: 0px;
		}

		#BoletinBloques2 {

			li.dfwp-item {   

				float: left;
				margin-top: 41px;
				overflow: hidden;
				/* height: 344px;*/  

        /*float: left;
        margin-top: 41px;
        overflow: hidden;   
        height: auto;*/
        /*margin-bottom: 30px;*/  
    }
    .imagen {/*height: auto;float: left;width: 100%; position: relative;*/

    	height: 348px;
    	max-height: 700px;
    	background: #143d8d;
    	max-width: 274%;
    	display: block;
    	background-position: 25%;
    	background-size: auto 100%;
    	background-repeat: no-repeat;
    	.imagen a { 
    		display: block;
    	}
    	img {   
    		width: 100%;
    		height: auto;
    	}
    }
    .description {float: left;width: 100%;margin-top: -70px;-webkit-transition: margin .4s ease-in-out;-moz-transition: margin .4s ease-in-out;-o-transition: margin .4s ease-in-out;transition: margin .4s ease-in-out;color: white;}
    .date {
    	bottom: 80px !important;
    	position: absolute !important;
    	float: left !important;
    	width: 70px !important;
    	padding: 4px 17px !important;
    	letter-spacing: 0px !important;   
    	background-color: white !important;
    	height: 35px !important;
    	border-radius: 3px !important;
    	-webkit-box-shadow: inset 28px -2px 31px -8px rgba(219,219,219,0.75) !important;
    	-moz-box-shadow: inset 28px -2px 31px -8px rgba(219,219,219,0.75) !important;
    	box-shadow: inset 28px -2px 31px -8px rgba(219,219,219,0.75) !important;
    	background-image: url('/Style Library/plantilla/imagenes/nube.svg')!important;
    	background-repeat: no-repeat !important;
    	background-position-x: right!important; 

    }



    .descri {  padding: 2px 17px; font-size: 12px; letter-spacing: 0px; line-height: 18px;  float: left; height: 173px;}
    .titulo {  float: left; width: 100%; padding: 10px 17px; font-size: 16px; line-height: 20px;  min-height: 82px !important; color: white;}   

    .date a img {
    	margin-top: 0px;
    	width: 26px;
    	margin-left: 15px;
    }
}


}

.suscribe {

	margin-bottom: 50px;

	.textSusc {
		margin-bottom: 20px;           
		border-top: solid 1px;
		padding-top: 30px;
	}

	.contEmail {
		padding-right: 0px;

		padding-right: 0px;
		width: 74%;
		padding-left: 0px;
	}

	.contEnviar {
		padding-left: 0px;
	}

       /* .contEnviar button {
            width: 100%;
            background-color: #0077c0;
            color: white;
            font-family: ubunturegular;
            font-size: 18px;
            border: 1.5px solid #0077c0;
            }*/

            .contEmail
            input {
            	border-radius: 0px;
            	width: 100%;
            	height: 41px;
            	font-family: @monse-medium;
            	font-size: 18px;
            	color: @gray-text;
            	/* border: 0px; */
            }


            input[type=button], input[type=reset], input[type=submit], button {
            	min-width: 6em;
            	padding: 7px 10px;
            	border: 1px solid @bordeMenu;
            	background-color: @bordeMenu;
            	background-color: @bordeMenu;
            	margin-left: 0px; 
            	font-family: @monse-medium;
            	font-size: 11px;
            	color: @colorWhite;
            	width: 100%;
            	height: 41px;
            	font-size: 18px;
            }
        }




        /* ==========================2. //Historico Boletines ========================================*/




        /* 2. Detalle noticia fogacoop */
        section#contenidonoticia{
			

        	margin-bottom: 45px;

        	.leyendaimgen .ms-rtestate-field p, .leyendaimgen p.ms-rteElement-P {
        		margin: 0px 0px 10px 0px;
        		line-height: 1.6;
        		font-family: 'ubunturegular';
        		font-size: 13px;
        		padding-top: 10px;
        	} 
        	h1 {
        		font-size: 28px;
        		margin-top: 12px;
        		margin-left: -5px;
        	}
        	.contentImage {
        		margin-bottom: 0px;
        	}





        	.leyendaimgen p {
        		margin-bottom: 35px !important;
        	}

        	.fechapage{
        		margin-bottom: 40px;
        	}
 

        		.contBtnRedes {
				    /* display: inline-block; */
				    width: 12%;
				    float: right;
				    border-left: solid 1px #d5d5d5;
				    height: 26px;
				}

        	.contentInfo {
        		margin-top: 12px;
        	}


        	.contentInfo span.ms-rteFontSize-1 {
        		color: @gray-text;
        		font-size: 12px;
        		line-height: 28px;
        		letter-spacing: normal;
        		text-align: left !important;
        	}


        	.contentInfo span.ms-rteFontSize-2 {
        		color: @gray-text;
        		font-size: 15px;
        		ine-height: 28px;
        		letter-spacing: normal;
        		text-align: left !important;
        	}

        	.contentInfo span.ms-rteFontSize-3 {
        		color: @gray-text;
        		font-size: 18px;
        		line-height: 28px;
        		letter-spacing: normal;
        		text-align: left !important;
        	}


        	.contentInfo span.ms-rteFontSize-4 {
        		color: #666666;
        		font-size: 24px;
        		line-height: 28px;
        		letter-spacing:normal;
        		text-align: left !important;
        	}

        	.contentInfo span.ms-rteFontSize-5 {
        		color: #666666;
        		font-size: 24px;
        		line-height: 32px;
        		letter-spacing: normal;
        		text-align: left !important;
        	}

        	.contentInfo span.ms-rteFontSize-6 {
        		color: #666666;
        		font-size: 48px;
        		line-height: 32px;
        		letter-spacing: normal;
        		text-align: left !important; 
        	}


			@media (max-width: 991px){
				.contentInfo{
					img{
						width: 100% !important;
					}
				}
			}

        }



        /**************Accesos de interés*********************/
        section#AccesosInteres {

        	background-color: -webkit-linear-gradient(left, #3c67de 67.6666666%, @colorWhite 67.6666666%, @colorWhite 100%);
        	background: linear-gradient(to right, @gray 62.666667%, @colorWhite 56.666666%, @colorWhite 100%);
        	background-color: @gray;
        	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=@gray, endColorstr=@colorWhite);

        	h2 {
        		margin: 52px 0 29px 0;
        		height: 26px;
        		font-size: 32px;
        		font-weight: 500;
        		line-height: 0.41;
        		text-align: left;
        		color: @fblue;
        		font-family: ubuntumedium;
        	}
        	ul {
        		margin: 0px;
        		padding: 0px;
        	}
        	#contentAccesos {
        		margin-top: -13px !important;

        		li.dfwp-item {
        			list-style: none;
        			width: 47%;
        			display: inline-block;
        			vertical-align: top;
        			margin-bottom: 2.6%;
        			margin-right: 3%;
        			&:nth-child(1){
        				.ItemListAccesos .contentInfo span {
        					margin-top:  10px;
        				}
        			}

        			&:nth-child(2), &:nth-child(4) , &:nth-child(5), &:nth-child(6){
        				.ItemListAccesos .contentInfo span {
        					margin-top:  10px;
        				}
        			}

        			&:nth-child(3){
        				.ItemListAccesos .contentInfo span {
        					margin-top:  0px;
        				}
        			}


        		}

        		&::before {
        			content: '';
        			display: block;
        			height: 250px;
        			width: 50px;
        			position: absolute;
        			left: -25px;
        			bottom: 40px;
        			background-image: url('/Style Library/plantilla/imagenes/logo-vigilado.svg');
        			background-repeat: no-repeat;
        			fill: @fblue;
        		}

        		a {
        			text-decoration: none;
        			&:hover .contentInfo h3{
        				color:@flight-blue; 
        			}
        		}
        		.ItemListAccesos {
        			width: 100%;
        			padding: 10px 0%;

        			.contentInfo {
        				width: 78%;
        				display: inline-block;

        				/*padding: 1% 3%;*/
        				span {
        					font-size: 21px;
        					line-height: 24px;
        					text-align: left;
        					color: @black;
                        /*margin-top: 5px;
                        margin-bottom: 17px;*/
                        font-family: ubuntumedium;
                        margin-left: 6px;
                        float: left;
                        &:hover{
                        	color:@flight-blue;
                        }
                    } 
                    p {
                    	color: #72787B;
                    }
                }
                .contentIcon {
                	width: 19%;
                	margin-right: 3%;
                	display: inline-block;
                	vertical-align: top;
                	position: relative;
                	height: 70px;
                	max-height: 70px;
                	overflow: hidden;

                	path {
                		fill: @fblue !important;
                	}

                	img {
                		position: absolute;                 /*margin: auto;*/
                		left: 0;
                		right: 0;
                		top: 0;
                		bottom: 0;
                	}
                }
            }
        }
    }

/*@media (max-width: 768px) and (min-width: 320px){
    
        #contentAccesos li.dfwp-item  {         
            width: 100% !important;
        }
        
        footer .derecha {    
            text-align: left;
            color: @gray-text;
            padding: 0px 0px 0px 0px;

        }
        
        footer .izquierda {        
            padding: 40px 0px 0px 0px;
        }  
        }*/

        /*****************Trámites en línea**************************/

        section#AccesosInteres {
        	#contenttramites {
        		height: 357px;
        		background-color: @colorWhite;
        		box-shadow: 1.4px 1.4px 3px 0 rgba(0, 0, 0, 0.35);
        		border: solid 1px #e6e6e6;
        		padding: 26px;
        		margin: 52px 0px 0px 0px;
        		padding-top: 20px;
        	}
        	.ms-webpartzone-cell {
        		margin: auto auto 0px;
        	}
        	.listTramiteEnLinea {
        		background: @colorWhite;
        		height: auto;


        		h2 {
        			font-size: 18px;
        			line-height: 18px;
        			text-align: left;
        			color: @fblue;
        			padding-left: 0px;
        			margin: 25px 0 0 0;
        		}
        	}
        	ul {
        		margin: 0px;
        		padding: 0px;
        	}
        	#contenttramites {
        		li.dfwp-item {
        			list-style: none;
        			list-style: none;
        			width: 105%;
        			height: 84px;
        			display: inline-block;
        			vertical-align: top;
        			border-bottom: solid 1px #e6e6e6;

        			&:nth-child(4n) {
        				padding-right: 0px !important;
        				margin-bottom: 0px !important;
        				border-bottom: solid 0px #e6e6e6 !important;
        			}
        		} 
        		a {
        			text-decoration: none;
        			&:hover .contentInfo p{
        				color:@flight-blue; 
        			}
        		} 
        		.ItemListTramites {
        			height: 63px;
        			margin-bottom: 0px;
        			padding: 15px 0px 0px 0px;

        			.contentInfo {
        				width: 75%;
        				height: 53px;
        				display: inline-block;
        				padding: 10px 0px 10px 0px;

        				h3 {
        					margin: 0px;
        					font-size: 18px;
        					text-align: left;
        					line-height: 18px;
        					color: @flight-blue;
							@media (min-width: 1000px) and (max-width: 1200px){
								font-size: 15px;
							}
        				}
        				p {
        					font-size: 16px;
        					text-align: left;
        					line-height: 18px;
        					color: @black;
        					margin-bottom: 0px;

        					&:hover {
			        		  color:@flight-blue; 
			        	  }
        				}
        			}
        			.contentIcon {
        				width: 48px;
        				margin-right: 3%;
        				display: inline-block;
        				vertical-align: top;
        				position: relative;
        				height: 60px;
        				max-height: 60px;
        				overflow: hidden;

        				path {
        					fill: @flight-blue !important;
        				}

        				img {
        					position: absolute;
        					margin: auto;
        					left: 0;
        					right: 0;
        					top: 0;
        					bottom: 0;
        				}
        			}
        		}
        	}
        }

        /*****************​Canales de atención​**************************/
        #CanalesAtencion {
        	li.dfwp-item {
        		list-style: none;
        	}


        	.Itemcanalesatencion {
        		padding-left: 0px;
        		margin-left: -7px;
        	}
        	a {
        		text-decoration: none;
        	}
        	p {
        		margin: 0 0 0px;
        		font-size: 17px;
        		text-align: left;
        		line-height: 28px;
        		color: @gray-text;
        		padding-left: 5px;
        	}
        	li.dfwp-item:last-child p {
        		list-style: none;
        		color: @flight-blue;
        		text-decoration: underline;
        	}
        }

        /********************botón fijo de chat******************************/

 div#btnChat {
    right: 58px;
    bottom: 0px;
    position: fixed;
    float: right;
    width: 295px;
    height: 40px;
    z-index: 1000;
    background-color: #0070b5; 
    border-top: 1px solid #0070b5;
    border-left: 1px solid #0070b5;
    border-right: 1px solid #0070b5;
    border-radius: 6px 6px 0px 0px;
    display: none !important; 
}

div#btnChat a {
    height: 40px;
    font-family: 'ubunturegular';
    font-size: 18px;
    font-weight: 500;
    line-height: 0.73;
    text-align: left;
    color: #ffffff;
    padding: 10px 0px 10px 11px;
    display: block;
    text-decoration: none;
}

div#btnChat a img.chat {
    height: 20px;
    width: 17px;
    margin-right: 10px;    
    margin-left: 12px;
}

div#btnChat a span {
    color: #fff;
    margin-top: 6px;
    position: absolute;
}

div#btnChat a img.subirchat {
    width: 13px;
    height: 11px;
    position: absolute;
    right: 39%;
    top: 20px;
}

div#btnChat a img.logochat {
    width: 29px;
    height: 27px;
    position: absolute;
    right: 9px;
}
        
       /* div#btnChat {
        	right: 58px;
        	bottom: 0px;
        	position: fixed;
        	float: right;
        	border-radius: 6px 6px 0px 0px;
        	width: 295px;
        	height: 40px;
        	z-index: 1000;;
        	background-color: @oceanblue;
        	border-top: 1px solid @borderbtnChat;
        	border-left: 1px solid @borderbtnChat;
        	border-right: 1px solid @borderbtnChat;
        	border-radius: 6px 6px 0px 0px;

        	a {
        		height: 40px;
        		font-family: @monse-medium;
        		font-size: 18px;
        		font-weight: 500;
        		line-height: 0.73;
        		text-align: left;
        		color: #ffffff;
        		padding: 10px 0px 10px 11px;
        		display: block;
        		text-decoration: none;

        		&:after {                   
        			background-image: url('/Style Library/plantilla/imagenes/chat.svg');
        			width: 40px;
        			height: 40px;
        		}

        		img.chat {
        			hheight: 20px;
        			width: 17px;
        			margin-right: 10px;
        		}

        		img.subirchat {
        			width: 13px;
        			height: 11px;
        			position: absolute;
        			right: 39%;
        			top: 20px;
        		}

        		img.logochat {
        			width: 29px;
        			height: 27px;
        			position: absolute;
        			right: 9px;
        		}

        		span {
        			color: #fff;
        			margin-top: 6px;
        			position: absolute;
        		}
        	}

        }*/

        /**********************CLASIFICADOS****************************/
        section#clasificados {
        	.listClasificados {

        		/*background: #fff; */
        		.ms-rtestate-field {
        			margin: 16px 0 0 0;
        			font-size: 22px;
        		}
        		ul {
        			margin: 0px;
        			padding: 0px;
        		}
        		.clasificados {
        			li.dfwp-item {
        				list-style: none;
        			}
        			a {
        				text-decoration: none;
        			}
        			.Clasificadoslist {
        				width: 100%;
        				margin-bottom: 30px;

        				.imaClasificado {
        					width: 50%;
        					display: inline-block;
        					vertical-align: top;
        					padding: 1%;
        					border: solid #ccc 1pt;
        					position: relative;
        					height: 150px;
        					max-height: 150px;
        					overflow: hidden;

        					img {
        						max-width: 94%;
        						max-height: 94%;
        						position: absolute;
        						margin: auto;
        						left: 0;
        						right: 0;
        						top: 0;
        						bottom: 0;
        					}
        					.desc-item-paginate {
        						width: 50%;
        						display: inline-block;
        						padding: 1% 3%;
        					}
        				}
        				.tipoClasificado {
        					font-size: 17px;
        					text-transform: uppercase;
        					font-weight: 700;
        				}
        				.tituloClasificado {
        					h4 {
        						font-size: 18px;
        						font-weight: 700;
        						color: #454545;
        						margin-top: 5px;
        						margin-bottom: 10px;
        					}
        					p.descripccionClasificado {
        						color: #72787B;
        					}
        				}
        				.desc-item-paginate {
        					width: 50%;
        					display: inline-block;
        					padding: 1% 3%;
        				}
        			}
        		}
        	}
        	.listCumpleaños {
        		background-color: #F5F5F5;

        		.ms-rtestate-field {
        			margin: 16px 0 0 0;
        			font-size: 22px;
        			border-bottom: solid 2px #D1D1D1;
        			padding: 3px 0px 0px 0px;
        		}
        	}
        	.contentCumpleanos {
        		li.dfwp-item {
        			list-style: none;
        		}
        		.ItemListCunpleaños {
        			height: 100px;
        			margin-bottom: 30px;

        			.contentIcon {
        				padding: 0px;
        			}
        			.contentInfo {
        				padding-right: 0px;
        			}
        		}
        	}
        }

        /*----------------------------------------------------------*/

        /*---------------------------ALBUMES LISTA-----------------*/

        /*----------------------------------------------------------*/

        ul#albumes{

        	margin-bottom: 40px;
        	float: left;
        	padding: 0px;


        	li.dfwp-item {float: left;/*width: 21%;margin-right: 4%;*/margin-top: 41px;overflow: hidden;height: 284px;}
        	.imagen {height: 285px;
        		float: left;
        		width: 100%;
        		background: rgba(0, 0, 0, 0.7);
        		margin: 0px;
        		overflow: hidden;

        		img {
        			height: 100%;
        			width: auto;
        			max-width: 200%;
        			/* transform: translateX(-26%); */
        		}
        	}
        	.description {float: left;width: 100%;margin-top: -118px;-webkit-transition: margin .4s ease-in-out;-moz-transition: margin .4s ease-in-out;-o-transition: margin .4s ease-in-out;transition: margin .4s ease-in-out;color: white;}
        	.fechaAlbum {float: left;width: 100%;padding: 4px 17px;letter-spacing: 0px;background-color: rgba(0, 0, 0, 0.8);min-height: 30px;margin-bottom: 0px; color: #ffffff}
        	.descri {  padding: 2px 17px; font-size: 12px; letter-spacing: normal; line-height: 18px;  float: left; height: 173px;}
        	.titulo {  float: left; width: 100%; padding: 10px 17px; font-size: 16px; line-height: 20px;  min-height: 82px !important; color: white;} 
        	.animate { margin-top:-285px !important; }
        	.resume {width: 100%; float: left; background-color: rgba(0, 0, 0, 0.7);}
        }


/*.sectionListaAlbumes {
    ul#albumes {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    li.dfwp-item a {
        height: 200px;
        width: 100%;
        display: block;
        background-position: center center;
        background-size: cover;
    }
    .contentAlbumes {
        margin: 20px 0px 5px 0px;
    }
    .thumbAlbumes {
        .linkAlbum {
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 245px;
        }
        .blendAlbum {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            font-weight: normal;
            color: #fff;
        }
        .captionTextAlbum {
            display: none;
            position: relative;
            overflow: hidden;
            font-size: .9em;
    
        }
        .linkAlbum {
            &:hover .blendAlbum {
                height: 45%;
                background: gray;
            }
            &:hover .captionTextAlbum {
                display: block;
            }
        }
        .linkAlbum {
            .blendAlbum {
                height: 25%;
                background: gray;
                opacity: 0.7;
                padding: .5em 10px;
                transition: transform .2s ease-out;

                p {
                    margin: 0 0 4px;
                }
            }
        }
    }
    .animate {
        transition: all .5s ease-in-out;
    }
    }*/

    /*----------------------------------------------------------*/

    /*---------------------------detalle album-----------------*/

    /*---------------------------------------------------------- */

    section#detalle-album-fotos{

    	.calificacion {
    		.rating{
    			width: 91%;
    		}

    		.contBtnRedes{
    			width: 12%;
    		}
    	}

    	div#title-page .fechaalbum {  

    		font-size: 18px;
    		color: @fblue;
    		line-height: 32px;
    		text-align: left;
    		font-family: @monse-medium;
    	}


    	.sectionDetalleAlbum {



    		.descripcionImgen {
    			margin-top: 26px;
    			margin-bottom: 100px;
    			color: gray;
    			padding: 0px 20px 0px 20px;
    		}

    		#title-page > span {
    			font-size: 15px;
    			font-weight: 700;
    			color: @fblue;
    			margin-bottom: 40px;
    			padding-left: 10px;
    		}

    		ul#gallery {

    			width: 82%;
    			margin: 0 auto;
    			background: @gray;
    			margin-bottom: 20px;
    			margin-top: 43px;

    			.imgGaleriaAlbum.totalimg {
    				width: 100%;
    				margin-bottom: 118px;
    			}
    			li a {
    				text-decoration: none;
    			}

    			.contentimg {
    				background: transparent;
    				height: 380px;
    				width: 572px;
    				display: block;
    				margin: 0 auto;
    			}
    		}
    		ul#sub_gallery {

    			border-radius: 3px;
    			padding: 0px; 
    			margin-bottom: 50px;
    			width: 85%;
    			margin: 0 auto;    
    			margin-bottom: 100px;


    			.contentimg {
    				height: 128px;
    				width: 122px;
    				display: block;
    				margin: 0 auto;
    				background: #000;
    				overflow: hidden;
    				position: relative;
    			}

    			li .imgGaleriaAlbum {
    				margin-bottom: 20px;
    				margin-top: 10px; 
    				height: 128px;

    				img {
    					display: block;
    					height: 100%;  
    					float: none;
    					width: auto;
    					border: 0;
    					margin: 0 auto;
    					overflow: hidden;
    					line-height: 100%;
    					position: absolute;
    					left: 50%;
    					transform: translateX(-50%);
    				}
    				.descripcionImgen {
    					display: none;
    				}
    			}

    		}
    	}

    }


    a.prev {
    	-moz-transform: scaleX(-1);
    	-o-transform: scaleX(-1);
    	-webkit-transform: scaleX(-1);
    	transform: scaleX(-1);
    	filter: FlipH;
    	-ms-filter: "FlipH";
    }
    .centered-btns_nav.next {
    	left: auto;
    	background-position: right top;
    	right: 9px;
    	background: url('/Style Library/plantilla/imagenes/fle-izq.svg') no-repeat center;
    	background-size: 55px;
    	-ms-transform: rotate(180deg); /* IE 9 */
    	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    	transform: rotate(180deg);
    }
    .centered-btns_nav {
    	z-index: 3;
    	position: absolute;
    	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    	top: 57%;
    	left: 9px;
    	opacity: 0.7; 
    	text-indent: -9999px;
    	overflow: hidden;
    	text-decoration: none;
    	height: 52px;
    	width: 43px;
    	background: url('/Style Library/plantilla/imagenes/fle-der.svg') no-repeat center;
    	background-size:55px;
    	margin-top: -45px;

    }
    .rslides {
    	position: relative;
    	list-style: none;
    	overflow: hidden;
    	width: 100%;
    	padding: 0;
    	margin: 0;
    }
    .rslides img {
    	display: block;
    	height: 100%;
    	float: none;
    	width: auto;
    	border: 0;
    	margin: 0 auto;
    	margin-bottom: 85px;
    	max-height: 100%;
    	overflow: hidden;
    }
    .carousel-pause {
    	opacity: 0.7;
    	background: black;
    	display: block;
    	height: auto;
    	float: none;
    	width: 48.5%;
    	border: 0;
    	margin: 0 auto;
    	padding-left: 9px;
    	bottom: 21px;
    	position: relative;
    	z-index: 30;
    	text-align: center;
    }

    /*----------------------------------------------------------*/

    /*---------------------------Paginacion----------------*/

    /*---------------------------------------------------------- */


    .ajustarPaginationAlbum {
    	margin-top: 41px;
    	margin-bottom: 20px;
    }

    .page_navigation {
    	text-align: center !important;
    	margin: 0 14px !important;
    	text-align: center !important;
    	margin: 0 14px !important;
    	margin-bottom: 20px !important;
    	margin-top: 5px !important;

    	a, .alt_page_navigation a {
    		display: inline-block;
    		color: @flight-blue;
    		text-decoration: none;
    		font-size: 15px;
    		margin: 0 3px;
    		padding: 0px 5px;
    		background: @gray;
    		font-weight: 700;
    	}
    	a.active_page {
    		color: #fff;
    		background: @flight-blue;
    	}


    	span.ellipse.less {
    		display: none !important;
    	}

    	span.ellipse.more {
    		display: none !important;
    	}


    }

    /*----------------------------------------------------------*/

    /*---------------------------LISTA CLASIFICADO -----------------*/

    /*----------------------------------------------------------*/


    .sectionListaClasificados {
    	#clasificado {
    		margin: 0px;
    		padding: 0px;
    		list-style: none;
    	}
    	li.dfwp-item a {
    		height: 200px;
    		width: 100%;
    		display: block;
    		background-position: center center;
    		background-size: cover;
    	}
    	li.dfwp-item a.NoImage {
    		height: 200px;
    		width: 100%;
    		display: block;
    		background-position: left top;
    		background-size: 100% auto !important;
    		background: gray;
    	}
    	.captionTextClasificado {
    		position: absolute;
    		bottom: 0;
    		left: 0;
    		width: 100%;
    		font-weight: normal;
    		background-size: cover;
    		background: rgba(255, 255, 255, 0);
    		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
    		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #000000));
    		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
    		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
    		background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000000 100%);
    		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 100%);
    		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
    		color: #fff;
    		transition: all ease 0.5s;
    		padding: 0px 10px 10px 10px;

    		p {
    			margin: 0px;
    			font-size: 12px;
    		}
    	}
    }
    .masonry_wrapper {
    	overflow: hidden;
    	margin: 30px 0;
    }
    .masonry_wrapper .item {
    	margin: 0 2px 4px;
    	padding: 0;
    }
    .masonry_wrapper .item img {

    /*height: auto !important;
     height: 100% !important;
     width: 100%;*/
     position: relative;    /*z-index: -2;*/
 }
 .portfolio_item img {
 	width: 100%;
 }
 .isotope-item {
 	z-index: 2;
 }
 .isotope-hidden.isotope-item {
 	pointer-events: none;
 	z-index: 1;
 }
 .isotope, .isotope .isotope-item {
 	-webkit-transition-duration: 0.8s;
 	-moz-transition-duration: 0.8s;
 	-ms-transition-duration: 0.8s;
 	-o-transition-duration: 0.8s;
 	transition-duration: 0.8s;
 }
 .isotope {
 	-webkit-transition-property: height, width;
 	-moz-transition-property: height, width;
 	-ms-transition-property: height, width;
 	-o-transition-property: height, width;
 	transition-property: height, width;
 }
 .isotope .isotope-item {
 	-webkit-transition-property: -webkit-transform, opacity;
 	-moz-transition-property: -moz-transform, opacity;
 	-ms-transition-property: -ms-transform, opacity;
 	-o-transition-property: -o-transform, opacity;
 	transition-property: transform, opacity;
 }
 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
 	-webkit-transition-duration: 0s;
 	-moz-transition-duration: 0s;
 	-ms-transition-duration: 0s;
 	-o-transition-duration: 0s;
 	transition-duration: 0s;
 }
 .portfolio-filter {
 	ul {
 		padding: 0px;
 	}
 	li {
 		display: inline-block;

 		a {
 			background-color: gray;
 			color: #a3a3a3;
 			padding: 10px 15px;
 			border-radius: 3px;
 		}
 		a:hover {
 			background-color: #a3a3a3;
 			color: white;
 		}
 		a:focus {
 			background-color: red;
 			color: white;
 		}
 	}
 }

 /*----------------------------------------------------------*/

 /*---------------------------DETALLE CLASIFICADO-----------------*/

 /*---------------------------------------------------------- */

 .sectiondetalleclasificado {
 	ul.rslides img {
 		display: block;
 		height: auto;
 		float: none;
 		width: 102%;
 		border: 0;
 		margin: 0 auto;
 	}
 	.contetInfoClasificado {
 		float: left;
 		width: 100%;
 		border-top: 2px solid gray;

 		.titulo {
 			width: 25%;
 			float: left;
 			color: #000;
 			font-weight: 500;
 			font-size: 16px;
 			text-align: right;
 			padding: 15px 15px 0px 15px;
 		}
 		.detalle {
 			width: 75%;
 			float: left;
 			color: gray;
 			font-size: 16px;
 			padding: 15px 0px;
 		}
 	}
 	div#title-page-clasificado h2 {
 		padding: 0px 0px 50px 0px;
 		margin: 0px;
 	}

 	/*---------------------------slider detalle clasificado------------------------------- */
 	.centered-btns_nav {
 		z-index: 3;
 		position: absolute;
 		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 		top: 50%;
 		left: 0;
 		opacity: 0.7;
 		text-indent: -9999px;
 		overflow: hidden;
 		text-decoration: none;
 		height: 38px;
 		width: 38px;
 		background: #000 url('/Style Library/plantilla/imagenes/move-to-next.png') no-repeat center;
 		margin-top: -45px;
 	}
 	.centered-btns_nav.next {
 		left: auto;
 		background-position: right top;
 		right: 0px;
 		background: #000 url('/Style Library/plantilla/imagenes/move-to-next.png') no-repeat center;
 		background-size: 20px;
 	}
 	.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
 		margin-top: 10px;
 		text-align: center;
 	}
 	.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
 		display: inline;
 		float: none;
 		_float: left;
 		margin-right: 5px;
 	}
 	.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
 		text-indent: -9999px;
 		overflow: hidden;
 		-webkit-border-radius: 15px;
 		-moz-border-radius: 15px;
 		border-radius: 15px;
 		background: #ccc;
 		background: rgba(0, 0, 0, .2);
 		display: inline-block;
 		_display: block;
 		-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
 		-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
 		box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
 		width: 9px;
 		height: 9px;
 	}
 	.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
 		background: #222;
 		background: rgba(0, 0, 0, .8);
 	}
 }

 /*----------------------------------------------------------*/

 /*----------------------SLIDER HOME LOGOS GOBIERNO------------*/

 /*---------------------------------------------------------- */


ul.contBannerLogosGobierno {
    list-style: none;
}
 
 #sliderLogosGobierno {
 	.owl-dots {
 		display: none;
 	}

 	.carousel-lg {
 		background: #fff;
 	} 

 	/*Eliminando margenes predeterminadas clase container del slider*/
 	margin: 0px !important;     /*padding:0 ! important; */
 	padding-right: 35px;
 	padding-bottom: 30px;

 	.ms-webpart-zone {
 		display: block !important;
 	}
 	.ms-webpart-cell-vertical {
 		display: block !important;
 	}
 	.ms-webpart-chrome-vertical {
 		display: block !important;
 	}
 	.no-js .owl-carousel, .owl-carousel.owl-loaded {
 		padding: 0px !important;
 	}

 	/*Fin Eliminando margenes predeterminadas clase container del slider*/
 	.owl-carousel.owl-loaded li.dfwp-item {

 		/*padding: 30px;*/  
 		height: 114px;
 		text-align: center;
 		margin: 0% 6%;

 	}
 	ul#owl-carousel {
 		padding: 0px;
 	}
 	.owl-carousel .owl-item img {
 		display: block;
 		max-width: 85%;
 		max-height: 85%;
 		position: absolute;
 		margin: auto;
 		left: 0;
 		right: 0;
 		top: 0;
 		bottom: 0;
 	}
 	.dfwp-ite {
	    width: 80%;
	    margin: 0 auto;
	    padding: 0px 10px;
	}

 	.item {
 		width: 80%;
 		display: inline-block;
 		vertical-align: top;
 		padding: 1%;
 		position: relative;
 		height: 115px;
 		max-height: 115px;
 		overflow: hidden;
 	}

 	/*Estilos Next - Prev Slider*/
 	.owl-nav {
 		div {
 			position: absolute;
 			top: 30%;
 			bottom: 0;
 			display: inline-block;
 			zoom: 1;
 			margin: 0;
 			width: 50px;
 			height: 50px;
 			line-height: 45px;
 			text-align: center;
 			font-size: 1em;
 			border-radius: 30px;
 			color: gray;
 			background: transparent !important;
 			border-radius: 50px;
 		}
 		.owl-prev {
 			left: 0px;
 		}
 		.owl-next {
 			right: 0px;
 		}
 	}
 	.glyphicon-menu-left {
 		font-size: 20px;
 		color: @fblue;
 	}
 	.glyphicon-menu-right {
 		font-size: 20px;
 		color: @fblue;
 	}

 	/*Hover Flechas Slider*/
 	.glyphicon-menu-left:hover {
 		opacity: 1;
 	}
 	.glyphicon-menu-right:hover {
 		opacity: 1;
 	}

 	/*Fin Hover Flechas Slider*/
 }

 /*----------------------------------------------------------*/

 /*---------------------------Mapa del sitio-----------------*/

 /*----------------------------------------------------------*/


 .MapaSitio ul.dfwp-list li{
 	margin-bottom: 45px;  
 }

 .fechaMapasitio {  
 	font-size: 18px;
 	font-family: ubunturegular;
 	color: #143d8d;
 	margin-bottom: 50px;
 }


div#mapasitio {
	margin-bottom: 40px;
}

.jstree-default .jstree-node {	
	margin-top: -25px !important;
}


#ctl00_PlaceHolderMain_MenuThirdLevel a.popout {
    background-image: url(""); 
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
}



          


            /*----------------------------------------------------------*/

            /*---------------------------widget mutimedia-----------------*/

            /*----------------------------------------------------------*/           

            section#multimedia {
            	padding: 20px 0px 35px 0px;
            	margin-top: 32px;
            	background-color: @colorMulmedia;
            	border-bottom: 1px solid @lineaMultimedia;
            	border-top: 1px solid @lineaMultimedia;

            	.contmultimedia {
            		padding-left: 0;
            		padding-right: 12px;
            	}
            	.ms-rtestate-field h2 {
            		font-size: 32px;
            		font-weight: 500;
            		text-align: left;
            		line-height: 24px;
            		color: @fblue;
            		margin: 10px 0px 15px 0px;
            		font-family: ubuntumedium;
            	}
            	div#MSOZoneCell_WebPartWPQ19 {
            		margin: 0px !important;
            	}
            	.ms-webpartzone-cell {
            		margin: 0px;
            	}

            	/*-----------------------VIDEO-----------------------------------*/
            	ul {
            		margin: 0px;
            		padding: 0px;
            	}
            	#Video .contentInfo {

        /*width: 342px;
        height: 123px;*/
        span.fechaTitle {
        	font-size: 14px;
        	text-align: justify;
        	color: @fblue;
        	line-height: 24px;
        	padding-right: 11px;
        	padding-left: 3px;
        	border-right: solid 1px;
        	font-family: ubuntumedium;
        }
        span.fecha {
        	font-size: 14px;
        	text-align: justify;
        	color: @gray-text;
        	line-height: 24px;
        	font-family: ubunturegular;
        	padding-left: 11px;
        }
        h3 {
        	margin-top: 0px;
        	a {
        		margin: 0px 0px;
        		font-size: 18px;
        		text-align: left;
        		color: @fblue;
        		line-height: 28px;
        		font-family: ubuntumedium;
        		text-decoration: none;
        	}
        }
        a { text-decoration: none; }
        p {
        	font-size: 18px;
        	text-align: left;
        	color: @black;
        	margin-bottom: 20px;
        	line-height: 24px;
        	font-family: ubunturegular;
        }
        .embed-responsive {
        	position: relative;
        	display: block;
        	height: 0;
        	padding: 0;
        	overflow: hidden;
        }
    }
    .verListaVideos {
    	width: 141px;
    	height: 25px;
    	border-radius: 4px;
    	border: solid 1px @fblue;
    	float: right;
    	text-align: center;
    	margin: 14px 0px 50px 0px;

    	a {
    		font-size: 14px;
    		font-weight: 500;
    		line-height: 24px;
    		text-align: left;
    		color: @fblue;
    		text-decoration: none;
    	}
    }

    /*-----------------------GALERIA-----------------------------------*/
    .WidgetImagenes {
    	padding: 0px;
    	margin: 50px 0px 0px 0px;
    	padding-left: 18px;

    	li.dfwp-item a img {
    		height: 108px;
    		max-width: 100%;
    		margin: auto;
    	}
    	li.dfwp-item a {
    		height: 108px;
    		width: 100%;
    		display: block;
    		background-position: center top;
    		/*background-size: 100% auto !important;*/
    		background-repeat: no-repeat;
    		background-size: cover;
    		color: transparent;
    	}
    }


    .WidgetImagenes li:nth-child(2n) .infogaleria {
    	display: none;
    }
    .WidgetImagenes li:nth-child(2n) .gotolist {
    	display: none;
    }
    .WidgetImagenes li:last-child .contenimage {
    	padding-right: 0px;
    }
    .WidgetImagenes li:first-child .contenimage {
    	padding-left: 0px;
    }

    /*Estilo para IE9*/
    .WidgetImagenes a:nth-child(n+2){
    	display: none;
    }

    /*Estilo para IE9*/
    .WidgetImagenes li.dfwp-item a:nth-child(n+2)  {
    	display: none;
    }

    /*Estilo para IE9*/
    .verListaalbums:nth-child(1){
    	display: none;
    }

    .WidgetImagenes li .contenimage:nth-child(n+1){
    	padding-right: 0px;
    }
    
    .infogaleria {
    	span.titleGaleria {
    		font-size: 14px;
    		text-align: justify;
    		line-height: 24px;
    		color: @fblue;
    		font-family: ubuntumedium;
    		padding-right: 11px;
    		border-right: solid 1px;
    	}
    	span.fecha {
    		font-size: 14px;
    		text-align: justify;
    		color: @gray-text;
    		line-height: 24px;
    		font-family: ubunturegular;
    		padding-left: 11px;
    	}
    	h3 {
    		margin: 0px;
    		font-size: 18px;
    		text-align: left;
    		line-height: 24px;
    		color: @fblue;
    		margin-bottom: 14px;
    		font-family: ubuntumedium;
    	}
    }
    .verListaalbums {
    	width: 107px;
    	height: 25px;
    	border-radius: 4px;
    	background-color: @fblue;
    	float: right;
    	text-align: center;
    	margin: 20px 0px;

    	a {
    		font-size: 13px;
    		font-weight: 300;
    		line-height: 24px;
    		text-align: left;
    		color: @colorWhite;
    		text-decoration: none;
    		font-family: ubuntumedium;
    		&:hover{

    			color: @colorWhite;
    		}
    	}

    	a:visited{
    		color: #fff !important;
    		background-color: @borderbtnChat !important;
    	}
    }

    .verListaalbums:hover{
    	background-color: #0177c0;
    	border: solid 1px @flight-blue;
    	a{
    		color:@colorWhite !important;
    		font-size: 13px;
    	}
    }


    /*-----------------------AUDIOS-----------------------------------*/
    #Audio {
    	padding-left: 18px !important;
		margin-top:20px;

    	span.titleAudio {
    		font-size: 15px;
    		text-align: justify;
    		line-height: 24px;
    		color: @fblue;
    		font-family: ubuntumedium;
    		padding-right: 11px;
    		border-right: solid 1px;
    	}
    	span.fecha {
    		font-size: 14px;
    		text-align: justify;
    		line-height: 24px;
    		color: @gray-text;
    		font-family: ubunturegular;
    		padding-left: 9px;
    	}
    	p {
    		font-size: 18px;
    		text-align: left;
    		line-height: 24px;
    		color: @fblue;
    		margin-bottom: 26px;
    		font-family: ubuntumedium;
    	}
    }
    .verListaAudio a {
    	font-size: 14px;
    	font-weight: 500;
    	line-height: 24px;
    	text-align: left;
    	color: @fblue;
    }
    .verListaAudio {
    	width: 130px;
    	height: 25px;
    	border-radius: 6px;
    	border: solid 1px @fblue;
    	float: right;
    	text-align: center;
    	margin-top: 3px;
    }
}

/* JDC */

/* REDES SOCIALES MOBILE */
#redes-mobil{
	display: none;
}
/* REDES SOCIALES MOBILE */   


/* =================================================================== */

/* CSS Slider Principal de la Pagina Home*/
ul.contentBannerPrincipal {
    padding-left: 0;
    width: 100%;
    float: left;
} 

.sliderprincipal {

	/*Eliminando margenes predeterminadas clase container del slider*/
	margin: 0 ! important;
	padding: 0 ! important; 

	.contentimgslider {
		padding: 0 !important;
	}
	.ms-webpart-zone {
		display: block !important; 
	}
	.ms-webpart-cell-vertical {
		display: block !important;
	}
	.ms-webpart-chrome-vertical {
		display: block !important;
	}
	.no-js .owl-carousel, .owl-carousel.owl-loaded {
		padding: 0px !important;
	}

	/*Fin Eliminando margenes predeterminadas clase container del slider*/

	/* Estilos Visited*/
	.owl-theme .owl-dots .owl-dot.active span {
		background: @yellow;
	}
	 .owl-theme .owl-dots .owl-dot:hover span {
		background: @flight-blue;
	}
 



	/* Estilos Visited*/

	/*Estilos Paginación Slider*/
	.owl-dots {
       /* position: absolute;
        left: 50%; 
        margin-left: -94px;
        bottom: 8px;*/
        position: relative;    
        bottom: 45px;
        width: 50%;
        text-align: right !important;
        /*background-color: red;*/
    }

    /*Fin Estilos Paginación Slider*/

    /*Estilos Next - Prev Slider*/
    .owl-nav {
    	div {
    		position: absolute;
    		top: 36.5%;
    		bottom: 0;
    		display: inline-block;
    		zoom: 1;
    		margin: 0;
    		width: 50px;
    		height: 50px;
    		line-height: 45px;
    		text-align: center;
    		font-size: 1em;
    		border-radius: 30px;
    		color: #FFF;
    		background: transparent !important;
    		border-radius: 50px;
    	} 
    	.owl-prev {
    		left: 113px;
    	}
    	.owl-next {
    		right: 113px;
    	}
    }
    .glyphicon-menu-left {
    	font-size: 45px;
    	opacity: 0.5;
    	color: white;
    }
    .glyphicon-menu-right {
    	font-size: 45px;
    	opacity: 0.5;
    	color: white;
    }

    /*Hover Flechas Slider*/
    .glyphicon-menu-left:hover {
    	opacity: 1;
    }
    .glyphicon-menu-right:hover {
    	opacity: 1;
    }

    /*Fin Hover Flechas Slider*/

    /*Fin Estilos Next - Prev Slider*/

    /*=================================*/

    /*Contenedores Slider*/

    /*Contenedor de Titulo, Descripcion y Boton*/
    .contImg.container {
    	width: 40%;
    	position: absolute;
    	z-index: 100;
    	bottom: 0px;  
    	right: 0;
    	height: 100%;
    }
    .contText {
    	position: absolute;
    	left: 18px;
    	top: 17%;
    	width: 65%;
    	color: white;

    	a {
    		text-decoration: none;
    	} 
    }
    .contText h2 {
    	color: white !important;
    	margin-top: 10px;
    	font-family: ubuntumedium;
    	font-size: 36px;
    	text-shadow:0px 1px 3px #000!important;
    }
    .contText p {
    	padding-top: 15px;
    	font-size: 18px;  
    	color: white;
    	font-family: @worksans-reg;
    	text-shadow:0px 1px 3px #000!important;
    }

    .contText span { 
    	display: block;
    	font-size: 16px;
    	color: white;
    	font-family: @worksans-reg;
    	text-shadow:0px 1px 3px #000!important; 
    }

    .contText .btn {
    	background-color: @fblue;
    	border: none;
    	color: @colorWhite;
    	padding: 8px 50px;
    	text-align: center;
    	text-decoration: none;
    	display: inline-block;
    	font-size: 18px;
    	margin: 24px 0px;
    	cursor: pointer;
    	border-radius: 5px;
    	font-family: ubuntumedium;
    }

    .contText .btn:hover{
    	background-color: @flight-blue;
    }

    /*Fin Contenedor de Titulo, Descripcion y Boton*/

    /*Contenedor de Boton Play y Pause*/
    .contReproductor {
    	width: 50%;
    	bottom: 44px;
    	text-align: left;
    	position: absolute;
    	/*background-color: orange;*/
    	z-index: 100;
    	/* bottom: 0px; */
    	right: 0px;
    	height: 30px;
    }
    .contPlay {
        /*width: 110px;
        height: 20px;
        position: absolute;
        bottom: 15px;
        right: -15px;*/
        border-left: 1px solid @yellow;
        height: 20px;

        /*border-left: solid 1px @yellow;*/
        p {
        	color: yellow;
        }
    }
    .sliderhidden {
    	visibility: hidden;
    }

    /*Fin Contenedor de Boton Play y Pause*/

    /*Estilos Botones Reproductor Slider*/
    .glyphicon-pause {
    	position: absolute;
    	left: 36px;
    	padding-top: 1px;
    	padding-left: 2px;
    	top: 4px;
    	cursor: pointer;
    }
   /* .glyphicon-pause:hover {
    	background-color: @flight-blue;
    	color:#fff !important;
    }
    .glyphicon-play:hover {
    	background-color: @flight-blue;
    	color:#fff !important;
    }*/  
 
    .glyphicon-play {
    	left: 12px;
    	position: absolute;
    	padding-top: 1px;
    	padding-left: 2px;
    	top: 4px;
    	cursor: pointer;
    }
    .contPlay span {
    	font-size: 10px;
    	width: 13px;
    	height: 13px;
    	background: #ffffff;
    	transition: opacity .2s ease;
    	border-radius: 30px;
    	display: inline;
    	text-align: center;
    	&::before {		   
		    color: @flight-blue;
		}
    }
    .owl-theme .owl-dots .owl-dot span {
    	width: 13px;
    	height: 13px;
    	margin: 5px 5px;
    	background: #ffffff;
    	display: block;
    	-webkit-backface-visibility: visible;
    	transition: opacity .2s ease;
    	border-radius: 30px;
    	
    }

    /*Fin Estilos Botones*/
}

/* ==================== Media Queries =======================*/

/* CSS Slider Principal de la Pagina Home*/


/* ==================== Estilos Diseño Pagina Normatividad =======================*/

/*Estilo del listado de documentos*/



.ocultaTitulo {
	display: none;
}

#contNormatividad {

	.panel-group {
		margin-bottom: 51px;
		float: left;
		width: 100%;
	}

	.contentdocumento{
		margin-bottom: 65px;
	}

	.subMenuNorma {
		background-color: lightgray;
		margin-top: 30px;
		width: 90%;
		height: 200px;
	}
	.tituloNorma {

		/*background-color: chartreuse;*/
		font-size: 20px;
		font-weight: 600;
		margin-top: 15px;
		font-size: 32px;
		font-family: ubuntumedium;
		color: @fblue;
	}
	.fechaNorma {
		font-size: 18px;
		font-family: ubunturegular;
		color: @fblue;

	}

	.barraNorma {  

		font-family: ubunturegular;
		font-size: 18px;
		line-height: 28px;
		letter-spacing:normal;
		text-align: left;
		color: #666666;
		padding: 14px 0px 14px 0px;
		margin-top: 25px;

	}

	.encabezado{
		background-color: #eef3fd;
		font-family: ubunturegular;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left;
		color: #666666;
		padding: 10px 0px 10px 0px;
		margin-bottom: 10px;

		.nombre {
			padding-left: 43px;
		}
		.publicacion {  
			text-align: left;
			padding-left: 14px;
		}

		.nombre span {
			padding-right: 0%;
		}
		.descripccion {
			text-align: left;
			padding-left: 16px;
		}
		.verdc {
			padding-left: 31px;
		}

	}

	.glyphicon{
		font-size: 16px;
		margin-top: 3px;
		margin-left: 5px;

	}


	/*Estilos modal*/

	.adjuntosdato a {
		width: 100%;
		display: inline-block;  
	}


	input[type=button], input[type=reset], input[type=submit], button {
		min-width: 6em;
		padding: 0px 10px;
		border: 1px solid #0177c0;
		background-color: #fdfdfd;
		background-color: #0177c0;
		margin-left: 10px;
		font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
		font-size: 11px;
		color: #fff !important;
	}

	.modal-header {
		padding: 15px;
		border-bottom: 1px solid #e5e5e5;  
		background: #0177c0;
		h4 {
			color: #fff;
		}
	}







	/*Estilos Acordeon*/

	.panel-title{
		font-size: 18px;
		font-family: ubuntumedium;
		color: @fblue;
		letter-spacing: normal;

	}

	ul.content {
		padding-left: 0px; 
		margin-top: 40px;
		margin-bottom: 40px;

	}

	ul.content li:nth-child(even) .row {
		background: #eef3fd;
		padding-top:20px;   
		padding-bottom: 20px;           
	}


	.panel-heading .accordion-toggle.collapsed:after {
		color: #0177c0;
	}

	.panel-heading .accordion-toggle:after {
		color: #0177c0 !important;
	}

	.panel-heading .accordion-toggle:after {

		/* symbol for "opening" panels */
		font-family: 'Glyphicons Halflings';
		content: "\e114";
		color: grey;
		font-size: 10px;
		padding-top: 2px;      /* adjust as needed */
		position: absolute;
		left: 20px;  
	}
	.panel-heading .accordion-toggle.collapsed:after {

		/* symbol for "collapsed" panels */
		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
	}
	a.accordion-toggle {
		padding-left: 10px;
	}
	.panel {
		margin-bottom: 10px;
		background-color: #fff;
		border: none;  
		border-radius: 0px;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.panel-default>.panel-heading {
		background-color: transparent;
	}
	.panel-group .panel-heading {
		border-bottom: solid 1px;
		border-color: #0177c0;
		padding: 2% 0% 3% 4%;
	}
	.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
		border-top: none;
	}



	.contDocs{
		font-family: @monse-medium;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left;
		color: @gray-text;

		.columnasListaDocumentos{
			margin-bottom: 15px;
		}


		.nombreDocumento{
			word-wrap: break-word; 
		}

		.sizeDocumento{
			padding-top: 5px;
		}

		.formatoDocumento img{
			width: 48px;
			height: 48px;
		}

		.imagenesPredefinidasDocumento{

			.verDocumento {
				img{
					width: 48px;
					height: 48px;
				}
				color:#fff;
			}

			
			

			.descargarDocumento {
				color:#fff;
				img{
					width: 48px;
					height: 48px;
				}
			}
		}
		.formatoDocumento {
			padding-left: 0px;
		}

		.nomdocumento{
			padding-left: 0px !important;
		}
		.descocumento{
			padding-right:0px !important;
		}


	}  

	/*Fin Estilos Acordeon*/

	/* ----------------- Estilos Tabla Dentro Acordeon ---------------------------------*/

    /*ul.contTab {
        width: 100%;
        display: flex;          
        list-style: none;
        padding: 0px;

        li {
            width: 20%;
            height: 40px;
            display: flex;
            align-items: center;
            padding-left: 0px;
        }
        li:nth-child(1) {
            width: 10%;
        }
        li:nth-child(3) {
            width: 60%;
        }
        li:nth-child(4) {
            width: 10%;
        }
    }
    .ajustarPaginationAlbum {
        margin-top: 41px;
        margin-bottom: 20px;
    }
    @media (max-width:991px) {
        .subMenuNorma {
            width: 100%;
        }
        ul.contCaja li:nth-child(4) {
            text-align: right;
            padding-right: 10px;
        }
        ul.contCaja li:nth-child(3) {
            
        }
        ul.contCaja li:nth-child(2) {
            width: 60%;
            padding-left: 45px;
        }
        
        }*/
    }

    /* ----------------- widget Noticias ---------------------------------*/

    /* Historico Documentos */
    #contHistoDoc {
    	.col-md-3{
    		padding: 0;
    		padding-right: 30px;
    	}

    	.col-md-9{
    		padding: 0;
    		padding-bottom: 50px;
    	} 

    	.subMenuNorma {
    		background-color: lightgray;
    		margin-top: 30px;
    		width: 90%;
    		height: 200px;
    	}
    	.tituloNorma {

    		/*background-color: chartreuse;*/
    		font-size: 20px;
    		font-weight: 600;
    		margin-top: 15px;
    		font-size: 32px;
    		font-family: ubuntumedium;
    		color: @fblue;
    	}
    	.fechaNorma {
    		font-size: 18px;
    		font-family: ubunturegular;
    		color: @fblue;

    	}

    	ul.contCaja {
    		margin-top: 15px;
    		display: flex;
    		list-style: none;
    		padding: 10px 0px;
    		background-color: #eef3fd;
    		font-size: 18px;
    		color: #666666;
    		font-family: ubunturegular;

    		li {
    			text-align: left;
    			width: 15%;

    			.glyphicon{
    				font-size: 16px;
    				margin-top: 3px;
    				margin-left: 5px;
    			}
    		}
    	}
    	ul.contCaja li:nth-child(1) {
    		width: 10%;         /* background-color: chartreuse; */
    		padding: 0px;
    		padding-left: 15px;
    	} 

    	ul.contCaja li:nth-child(3) {
    		width: 50%;         /* background-color: chartreuse; */
    	}

    	ul.contCaja li:nth-child(4) {
    		width: 25%;         /* background-color: chartreuse; */
    		text-align: right;
    		padding-right: 15px;
    	}

    	/*Estilos Acordeon*/

    	.panel-title a{
    		font-size: 18px;
    		font-family: ubuntumedium;
    		color: @fblue;
    		font-weight: 600;
    	}

    	.panel-title a:visited {
    		font-size: 18px;
    		font-family: ubuntumedium;
    		color: @fblue !important;
    		font-weight: 600;
    	}

    	ul.content {
    		padding-left: 0px; 
    		margin-top: 40px;
    		margin-bottom: 40px;

    	}

    	.panel-heading .accordion-toggle.collapsed:after {
    		color: #0177c0;
    	}

    	.panel-heading .accordion-toggle:after {
    		color: #0177c0 !important;
    	}

    	.panel-heading .accordion-toggle:after {

    		/* symbol for "opening" panels */
    		font-family: 'Glyphicons Halflings';
    		content: "\e114";
    		color: grey;
    		font-size: 10px;
    		padding-top: 2px;      /* adjust as needed */
    		position: absolute;
    		left: 0;
    	}
    	.panel-heading .accordion-toggle.collapsed:after {

    		/* symbol for "collapsed" panels */
    		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
    	}
    	a.accordion-toggle {
    		padding-left: 10px;

    	}
    	.panel {
    		margin-bottom: 10px;
    		background-color: #fff;
    		border: none;
    		border-radius: 0px;
    		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    	}
    	.panel-default>.panel-heading {
    		background-color: transparent;
    	}
    	.panel-group .panel-heading {
    		border-bottom: solid 1px;
    		border-color: #0177c0;
    	}
    	.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    		border-top: none;
    	}

    	/*Fin Estilos Acordeon*/

    	/* ----------------- Estilos Tabla Dentro Acordeon ---------------------------------*/

    	ul.contTab {
    		width: 100%;
    		display: flex;          /*background-color: aquamarine;*/
    		list-style: none;
    		padding: 0px;
    		padding-top: 15px;
    		padding-bottom: 15px;

    		li {
    			width: 15%;
    			height: 40px;
    			display: flex;
    			padding-left: 0px;
    		}
    		li:nth-child(1) {
    			width: 10%;
    			padding-left: 20px;
    		}
    		li:nth-child(3) {
    			width: 55%;
    		}
    		li:nth-child(4) {
    			width: 20%;
    		}
    	}
    	.ajustarPaginationAlbum {
    		margin-top: 41px;
    		margin-bottom: 20px;
    	}
    /*@media (max-width:991px) {
        .subMenuNorma {
            width: 100%;
        }
        ul.contCaja li:nth-child(4) {
            text-align: right;
            padding-right: 10px;
        }
        ul.contCaja li:nth-child(3) {
            display: none;
        }
        ul.contCaja li:nth-child(2) {
            width: 60%;
            padding-left: 45px;
        }
        ul.contTab {
            li:nth-child(1) {
                width: 10%;
            }
            li:nth-child(2) {
                width: 80%;
            }
            li:nth-child(3) {
                display: none;
            }
            li:nth-child(4) {
                width: 20%;
            }
        }
        }*/
    }

    /* Historico Documentos */

    /*Eliminando Margen Predeterminada de la Webpart*/
    div#MSOZoneCell_WebPartWPQ8 {
    	margin: 0;
    }
    .ms-webpartzone-cell {
    	margin: 0 !important;
    }


    /* ======================================================================================================*/
    /* ==========================HOME: CONTENEDOR NOTICIAS - BOLETIN ========================================*/
    /* ======================================================================================================*/

    /*Eliminando Margen Predeterminada de la Webpart*/
    .cont_NotiBole {
    	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.35);
    	background-color: @colorWhite;
    	border: 1px solid #ffffff;
    	width: 64.666667%;
    }

    /* ========================================================================================*/
    /* ==========================HOME: WIDGET NOTICIAS ========================================*/ 
    /* ========================================================================================*/


	ul.contenBannerNoticias {
	    list-style: none;
	}
    .WidgetNoticias{
    	border-right: solid 1px lightgray;       
    	margin-right: -66px;
    	height: auto;
    	position: relative;
    	float: left;
    	padding-top: 25px;
    	position: relative; 
    	width: 117%;

    	.noti {
    		position: relative;              
    		float: left;
    		width: 100%;  

    		.imagennoti {
    			/*width: 342px;*/
    			width: 80%;
    			height: 156px;
    			overflow: hidden;
    			display: inline-block;
    			position: relative; 
    			float: left;

    			img {  
                   /* height: 100%;
                    width: 100%;
                    width: 100%;
                    height: 165px;  
                    max-height: 328px;*/
                    width: 78%;
                    height: auto;
                    max-height: 328px;
                    position: absolute;
                    bottom: 6px;

                   /* @media (min-width: 1001px) and (max-width: 1199px){
                        width: 80%; 
                        }*/
                    }
                }

                .cont_fecha {
                	margin: 14px 0px 3px 0px;
                	float: left;
                	width: 100%;

                	.subNoticias {
                		padding-right: 12px;
                		border-right: solid 1px @fblue;
                		color: @fblue;
                		font-family: @monse-semibold;
                		font-size: 14px;
                		height: 18px;
                	}

                	.fechanoti {
                		font-weight: 600;
                		font-size: 14px;
                		padding: 2px 11px;
                		font-family: @worksans-reg;
                	}
                }
            }



            .titulo h2 {
            	font-size: 32px;
            	font-weight: 100;
            	margin: 0;
            	margin-bottom: 10px;
            	color: @fblue;
            	font-family: @monse-semibold;
            	margin-top: 4px;
            }

            ul{
            	padding: 0px; 
            	margin-bottom: 0px;
            	float: left;
            	width: 100%;
            	display: block;
            }

            .titulonoti {
            	/* height: 200px;*/

            	h3 {
            		float: left;
            		display: block;
            		width: 100%;
            		font-size: 18px;
            		font-weight: 600;
            		padding: 0px 0px;
            		margin: 0px 0px 10px 0px;
            	}

            	p.resumenoti {
            		float: left;
            		display: block;
            		width: 100%;
            		min-height: 45px;   
            	}
            }
        /*.descripcionnoti {
            position: absolute;
            bottom: 55px;
            }*/

            .ver {
            	clear: both;
            	display: inline-block;
            	background-color: #143d8d;
            	padding: 2px 10px 2px 18px;
            	border-radius: 3px;
            	color: #ffffff;
            	font-size: 14px;
            	margin: 20px 0px;
            	width: 44%;
            	float: right;
            	text-align: center;
            	margin-right: 30px;

            	&:hover{
            		background-color: @flight-blue;
            		color: white;
            	}

            	.btn-go {
            		display: inline-block;            
            		padding: 2px 10px 2px 18px;
            		border-radius: 3px;
            		color: @colorWhite; 
            		font-size: 14px;
            	}
            }
              /*  .ver {
            width: 100%;
            text-align: right;
            position: absolute;
            bottom: 15px;
            right: 15px;

            .btn-go {
                display: inline-block;
                background-color: @fblue;
                padding: 2px 10px 2px 18px;
                border-radius: 3px;
                color: @colorWhite;
                font-size: 14px;
                &:visited{
                    color: @avisited;
                }
                &:hover{
                    background-color: @flight-blue;
                    color: white;
                }
            
        }
        }*/

        .contBtnRedes {
        	display: inline-block;        	
        	left: 10px;
        	position: relative; 
        	width: auto; 
        	float: left;
        	border-left: none; 
			left: 10px;
			width: 17%;
			top: 131px;



        	span.fa { 
        		border: 1px solid #143d8d;
        		border-radius: 61%;
        		font-size: 12px;
        		padding: 4px;
        		color: #143d8d;
        		margin: 2px;
        		width: 18px;
        		height: 18px;
        		text-align: center;   

        	}

        	.fa-facebook-f:before, .fa-facebook:before {
        		content: "\f09a";
        		position: relative;
        		top: -1px;
        	}   

        	.fa-twitter:before {
        		content: "\f099";
        		position: relative;
        		top: -1px;
        	}
        	.fa-linkedin:before {
        		content: "\f0e1";
        		position: relative;
        		top: -1px; 
        	}

        }

        .owl-dots {
		    position: absolute;
		    bottom: -48px;
		    .owl-dot.active{
		    	span{
		    		background: #0177c0 !important;
		    	}
		    }

		    .owl-dot:hover {
		    	span{
		    		background: #0177c0 !important;
		    	}
		    }
		}
    }


    /* ========================================================================================*/
    /* ==========================HOME: WIDGET BOLETIN ========================================*/
    /* ========================================================================================*/

    .WidgetBoletin {

    	padding-left: 50px;
    	height: auto;       
    	position: relative;
    	float: left;
    	width: 100%;
    	padding-top: 25px;


    	.cont_boletines {
    		.ms-webpartzone-cell {
    			margin: 0;
    		}
    	}
    	.noti {
    		position: relative;
    		float: left;
    		width: 100%; 

    		.imagenBoletin {
    			width: 112px;
    			height: 156px;
    			overflow: hidden;
    			display: inline-block;
    			float: left;

    			img {
    				height: 100%;
    				width: 100%;
    			}
    		}

    		.cont_fecha {
    			margin: 14px 0px 3px 0px;
    			float: left;

    			.subNoticias {
    				padding-right: 12px;
    				border-right: solid 1px @fblue;
    				color: @fblue;
    				font-family: @monse-semibold;
    				font-size: 14px;
    				height: 18px;
    			}

    			.fechanoti {
    				font-weight: 600;
    				font-size: 14px;
    				padding: 2px 11px;
    				font-family: @worksans-reg;
    			}
    		}
    	}


    	.titulo h2 {
    		font-size: 32px;
    		font-weight: 100;
    		margin: 0;
    		margin-bottom: 10px;
    		color: @fblue;
    		font-family: @monse-semibold;
    		margin-top: 4px;
    	}

    	ul{
    		padding: 0px; 
    		margin-bottom: 0px;
    		float: left;
    		width: 100%;
    		display: block;
    	}

    	.titulonoti {
    		/* height: 200px;*/

    		h3 {
    			float: left;
    			display: block;
    			width: 100%;
    			font-size: 18px;
    			font-weight: 600;
    			padding: 0px 0px;
    			margin: 0px 0px 10px 0px;
    		}
    		p.resumenoti {
    			float: left;
    			display: block;
    		}
    	}

    	.descripcionnoti {
    		float: left;
    		display: block;
    		margin-bottom: 10px;
    	}

    	.ver {

    		display: inline-block;
    		background-color: #143d8d;
    		padding: 2px 10px 2px 10px;
    		border-radius: 3px;
    		color: #ffffff;
    		font-size: 14px;
    		margin: 18px 0px;
    		width: 94%;
    		float: right;
    		text-align: center;
    		&:hover{
    			background-color: @flight-blue;
    			color: white;
    		}

    		.btn-go {
    			display: inline-block;            
    			padding: 2px 10px 2px 18px;
    			border-radius: 3px;
    			color: @colorWhite; 
    			font-size: 14px;
    		}
    	}

   /* .ver {
        width: 100%;
        text-align: right;
        position: absolute;
        bottom: 54px;
        left: 15px;

        @media (min-width: 1001px) and (max-width: 1199px){
            right: -9%;
        }

        .btn-go {
            display: inline-block;
            background-color: @fblue;
            padding: 2px 10px 2px 18px;
            border-radius: 3px;
            color: @colorWhite;
            font-size: 14px;
            &:visited{
                color: @avisited;
            }
            &:hover{
                background-color: @flight-blue;
                color: white;
            }
        }
       
        }*/

        .contBtnRedes {
        	display: inline-block; 
        	top: 131px;
        	left: 10px;
        	position: relative;
        	width: auto;
        	float: left;
        	border-left: none;


        	span.fa { 
        		border: 1px solid #143d8d;
        		border-radius: 61%;
        		font-size: 12px;
        		padding: 4px;
        		color: #143d8d;
        		margin: 2px;
        		width: 18px;
        		height: 18px;
        		text-align: center;   

        	}

        	.fa-facebook-f:before, .fa-facebook:before {
        		content: "\f09a";
        		position: relative;
        		top: -1px;
        	}   

        	.fa-twitter:before {
        		content: "\f099";
        		position: relative;
        		top: -1px;
        	}
        	.fa-linkedin:before {
        		content: "\f0e1";
        		position: relative;
        		top: -1px; 
        	}

        }
    }



    /* =======================================================================================*/
    /* ==========================HOME: WIDGET EVENTOS ========================================*/
    /* =======================================================================================*/

    .Event-Rside {
    	float: right;
    }

    .contEventos {

    	background-color: @gray;
    	border-radius: 5px;
    	padding: 25px 0px 69px 20px;
    	border: 1px solid @bordeContEvento;
    	min-height: 450px;

    	.tituloEventos {
    		h2 {
    			margin: 0px;
    			font-family: @monse-semibold;
    			font-size: 32px;
    		}
    	}

    	.row{
    		ul{
    			padding: 0px;
    		}

    	}

    	.contEvento {
    		border-bottom: dotted 1px @lineaContEvento;
    		margin-top: 10px;
    		padding-bottom: 15px;
    		padding-left: 5px;
    		padding-right: 50px;

    		.contFecha {
    			font-weight: bold;
    			font-size: 14px;
    			font-family: ubuntulight;
    			color: @fblue;

    			.fechaEvento {
    				float: left;
    				font-size: 14px;

    			}
    			.tiempoEvento {
    				display: inline-block;
    				padding-left: 5px;
    				font-size: 14px;
    			}
    		}
    		.contInfo {
    			margin-top: 5px;

    			.tituloEvento {
    				h3 {
    					font-size: 18px;
    					font-weight: 600;
    					margin: 0px;

    					@media (min-width: 1001px) and (max-width: 1199px){
    						font-size: 15px;
    					}
    				}
    			}
    			a.leerDetalle {
    				font-size: 12px;
    				display: none;
    			}
    			.descripEvento {
    				padding: 5px 0 0px 0;
    				color: @gray-text;
    				font-family: ubunturegular;
    				font-size: 16px;

    				@media (min-width: 1001px) and (max-width: 1199px){
    					font-size: 14px;
    				}
    			}
    		}
    	}
    	.contBtnEventos {
    		margin-top: 38px;
    		text-align: right;
    		position: relative;

    		.btn {
    			background-color: #090E92;
    			padding: 3px 20px;
    			border-radius: 5px;
    			color: white;
    			font-size: 14px;
    		}
    	}

    	.ver {
    		width: 100%;
    		text-align: right;
    		position: absolute;
    		bottom: 20px;
    		right: 30px;

    		.btn-go {
    			display: inline-block;
    			background-color: @fblue;
    			padding: 2px 10px 2px 18px;
    			border-radius: 3px;
    			color: @colorWhite;
    			font-size: 14px;
    			&:visited{
    				color: @avisited;
    			}
    			&:hover{
    				background-color: @flight-blue;
    			}
    		}

    	}
    }



    /* ----------------- widget eventos ---------------------------------*/


    /********************************************************************************/
    /**************************stilos Preguntas Frecuentes **************************/
    /********************************************************************************/

    #contFaq {



    	.titleFaq {
    		font-size: 32px;
    		font-weight: 600;
    		margin-top: 25px;
    		color: @fblue;
    		font-family: ubunturegular;
    	}

    	p {
    		margin: 10px 0 10px 0px;
    	}
    	.col-md-12 {
    		padding: 0;
    	}
    	.descriFaq {
    		font-size: 18px;
    		margin-top: 20px;
    		font-family: ubunturegular;
    		color: #666666;
    	}

    	.contBtnRedes {
    		width: 12%;    
    	}

    	.rating{
    		width: 91%;
    	}

    	.nav-tabs {

    		margin-top: 30px;
    		background-color: @aliceblue;
    		border-bottom: 1px solid @azulClaroaNegro;

    	}



    	.nav-tabs>li>a {
    		margin-right: 0px;
    		border: none;   
    		border-radius: none;
    		color: #666666;
    		font-size: 18px;
    		font-family: ubunturegular;
    		font-weight: 100;
    		padding: 14px 14px !important;
    		letter-spacing: normal !important;

    		.ms-rtestate-field{
    			font-size: 15px;
    			letter-spacing: initial;
    		}
    	}  

  /*  #contFaq .nav li a .ms-rtestate-field {
        display: block;
        padding: 12px 8px !important;
        font-size: 18px !important;
        letter-spacing: 0.9px !important;  
        text-decoration: none; 
        }*/





        .fondoA {
        	background: #e9b105;
        	height: 268px;
        	content: "";
        	background-image: url("/Style Library/plantilla/imagenes/faq.png");
        	background-repeat: no-repeat;
        	background-position: right;
        	background-size: contain;
        }
        .container{
        	position: relative; 

        	background: #fff;
        	border-radius: 10px 10px 0px 0px;

        }

        .container.contenidoinfoFaqninod {
        	position: relative;
        	top: -224px;
        	background: #fff;
        	border-radius: 10px 10px 0px 0px;
        	width: 65%;
        	margin: 0 auto;


        	.contenidoinfo {
        		width: 80%;
        		margin: 0 auto;
        		position: relative;

        		h1 {
        			font-size: 32px;
        			text-align: left;
        			color: #0077c0;
        			font-family: shadows;
        			line-height: 32px;
        			font-weight: 700;
        			margin-top: 37px;
        			margin-left: 53px;
        			&:before{
        				content: '';
        				background-image: url(/portal-ninos/Iconos%20Conocenos/dedo.svg);
        				background-position: center bottom;
        				background-repeat: no-repeat;
        				background-size: contain;
        				height: 70px;
        				width: 70px;
        				position: absolute;
        				left: -11px;
        			}
        		}

        	}  
        }

        .panel-group ul {  
        	padding: 0px;
        }

    /*.nav-tabs>li {      
        text-align: center;
        font-weight: 600;
        width: 14%;
        display: inline-block;
        height: 79px;
        
        }*/






        .nav > li > a:hover, .nav > li > a:focus {
        	text-decoration: none;
        	background-color: transparent;
        	text-decoration: none;
        }

        .tab-content {
        	margin-bottom: 50px;
        }

        li.active {
        	border-bottom: solid 1.5px black;
        }


        a.accordion-toggle {
        	padding-left: 10px;     
        	color: @azulClaroaNegro !important;  
        	text-decoration: none;
        	font-family: ubunturegular;
        }

        .panel-collapse.collapse.in {
        	background: #f1f1f1;
        	margin-top: -1px;
        	border-bottom: solid 1px;
        	border-color: #0177c0;
        }

        a.accordion-toggle.collapsed {
        	padding-left: 10px;     
        	color: @gray-text !important;  
        	text-decoration: none;
        }

        .nav-tabs>li.active>a {
        	background-color: transparent !important;
        	color: #0177c0;
        	font-weight: 300;
        	font-size: 18px;
        	letter-spacing: normal;        
        }

        .panel {
        	margin-bottom: 0px;
        	background-color: @colorWhite;
        	border: none;
        	border-radius: 0px;
        	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
        	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
        }
        .panel-default>.panel-heading {
        	background-color: transparent;
        }
        .panel-heading {
        	padding: 20px 75px 20px 20px;  
        }
        .panel-group .panel-heading {
        	border-bottom: solid 1px ;
        	border-color: @azulClaroaNegro;
        }
        .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
        	border-top: none;
        }
        .panel-heading .accordion-toggle:after {

        	/* symbol for "opening" panels */  

        	font-family: 'Glyphicons Halflings';  
        	content: "\e260";   
        	color:@azulClaroaNegro;
        	font-size: 12px;
        	padding-top: 2px;      /* adjust as needed */
        	position: absolute;
        	font-weight: bold;   
        	right: 15px; 

        }
        .panel-heading .accordion-toggle.collapsed:after {   

        	content: "\e259";   
        	color: @gray-text;
        }

        li.active {
        	border-bottom: solid 2px @fblue;
        }

        .panel-title{
        	font-size: 15px;
        	color: #666666;
        	font-weight: 300;
        	line-height: 24px;
        }  



        p{
        	font-size: 15px;
        	color: #666666;
        	font-weight: initial;
        	font-family: ubunturegular;
        }

        .panel-body {  
        	font-size: 14px;
        	font-family: ubunturegular;
        	padding: 15px 30px !important;
        }

        /*Fin Estilos Acordeon*/
    }

    /* ----------------- Estilos Preguntas Frecuentes ---------------------------------*/

    /* ----------------- Estilos Glosario ---------------------------------*/

    #contGlosario {

    	.AjustrAnchoGlosarioS {
			    width: 90%;
			    margin: 0 auto;
		p {
    		margin: 10px 0 10px 0px;
    	}
    	.col-md-12 {
    		padding: 0;
    	}
    	.titleFaq {
    		font-size: 32px;         
    		margin-top: 25px;
    		color: @fblue;
    		font-family: ubuntumedium;
    	}
    	.descriFaq {
    		font-size: 16px;
    		margin-top: 20px;
    		font-family: ubunturegular;
    		color: #666666;
    	}
    	.nav-tabs {
    		border-bottom: 1px solid #0177c0;
    		margin-top: 30px; 
    		background-color: #eef3fd;
    	}
    	.nav-tabs>li>a {
    		margin-right: 0px;
    		border: none;
    		border-radius: none;
    		color: #666666;
    		font-size: 12px;
    		font-family: ubunturegular;
    		font-weight: 100;
    		padding: 10px 12px;
    	}
    	.nav-tabs>li {
    		text-align: center;
    		font-weight: 600;
    	}

    	.nav > li > a:hover, .nav > li > a:focus {
    		text-decoration: none;
    		background-color: transparent;
    	}

    	.tab-content {
    		margin-bottom: 50px;
    		ul{
    			padding: 0px;
    		}
    		li.dfwp-item {			   
			        margin-bottom: 50px;
   					margin-top: 35px;
			}

    		h3{
    			font-size: 21px
    		}
    	}

    	li.active {
    		border-bottom: solid 1.5px black;
    	}
    	a.accordion-toggle {
    		padding-left: 10px;  
    		font-weight: 600;
    	}

    	.nav-tabs>li.active>a {
    		background-color: transparent !important;
    		color: #0177c0;
    		font-weight: 300;
    		padding-bottom: 8px; 
    	}

    	.panel {
    		margin-bottom: 0px;
    		background-color: #fff;
    		border: none;
    		border-radius: 0px;
    		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    	}
    	.panel-default>.panel-heading {
    		background-color: transparent;
    	}
    	.panel-heading {
    		padding: 25px 15px 25px 0px;
    	}
    	.panel-group .panel-heading {
    		border-bottom: solid 1px ;
    		border-color: #0177c0;
    		padding-left: 20px;
    	}
    	.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    		border-top: none;
    	} 

    	.panel-heading .accordion-toggle.collapsed:after {

    		/* symbol for "collapsed" panels */
    		content: "\e259";
    		color: @gray-text;    /* adjust as needed, taken from bootstrap.css */
    	}

    	.panel-heading .accordion-toggle:after {

    		/* symbol for "opening" panels */
    		font-family: 'Glyphicons Halflings';
    		content: "\e260";
    		color: @azulClaroaNegro; 
    		font-size: 12px;
    		padding-top: 2px;      /* adjust as needed */
    		position: absolute;
    		right: 15px;  
    	}

    	.panel-collapse.collapse.in {
    		background: #f1f1f1;
    		margin-top: -1px; 
    		position: relative;
    		z-index: 100;
    		border-bottom: solid 1px;
    		border-color: #0177c0;
    	}

    	li.active {
    		border-bottom: solid 1px @fblue;
    		margin-bottom: -2px;
    	}

    	.panel-title{
    		font-size: 16px;
    		color: #666666;
    		font-weight: 300;
    	}

    	.panel-title a{
    		font-size: 16px;
    		color: #666666;
    		font-weight: 300;
    	}

    	p{
    		font-size: 18px;
    		color: #666666;
    		font-weight: 300;
    	}

    	.panel-body {
    		font-size: 16px;
    		padding-left: 30px;
    	}

    	.dropdown-menu{
    		z-index:1100;
    	}

    	.dropdown-menu > li {
    		display: inline-block;
    		float:left;
    		width: 23%;
    	}

    	.dropdown-menu > li>a {
    		padding: 3px 13px !important;
    	}

    	/*Fin Estilos Acordeon*/
    	/*Fin Estilos Acordeon*/
    	

	}
	.calificacion{
    		margin-bottom: 20px;  
    		.rating{
    			width: 91%;  
    		}

    		.contBtnRedes{
    			width: 12%;
    		}
    	} 

    	
    }

    /* ----------------- //Estilos Glosario ---------------------------------*/

    /* ----------------- Estilos Cooperativas Inscritas ---------------------------------*/

    #contCooInscritas {
    	margin-bottom: 40px;

    	.contFAQ{
    		margin-top: 35px;
    	}

    	.glyphicon{
    		color: @fblue;
    	}

    	p {
    		margin: 10px 0 10px 0px; 
    	}
    	.col-md-12 {
    		padding: 0;
    	}
    	.titleFaq {
    		font-size: 32px;
    		/*font-weight: 600;*/  
    		margin-top: 25px;
    		color: @fblue;
    		font-family: ubuntumedium;
    	}
    	.descriFaq {
    		font-size: 18px;
    		margin-top: 20px;
    		font-family: ubunturegular;
    		color: #666666;
    	}
    	.nav-tabs {      
    		background-color: #F2F8FC;
    		border-bottom: 1px solid #0177c0;
    		width: 1140px;  
    	}
    	.nav-tabs > li.active {
    		border-bottom: solid 2px #143d8d;  
    	}

    	.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {
    		border-bottom-color: #000;
    		border-right-color: transparent;
    	}

    	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    		color:#0177c0;
    		cursor: default;
    		background-color: transparent;
    		/*border: 1px solid;*/
    		border-right-color: transparent;
    		border-top-color: #0177c0;
    		border-left-color: #0177c0;
    		border-bottom-color: #0177c0;
    		border-right: solid 1px transparent;

    	}

    	.nav>li>a:focus, .nav>li>a:hover {
            /*text-decoration: none;
            background-color: #0177c0;
            color:#fff;*/
            background-color: transparent;
            text-decoration: none;
        }

        .nav-tabs>li>a {
        	margin-right: 0px;
        	border: none;
        	border-radius: none;
        	color: #666666;
        	font-size: 15px;
        	font-family: ubunturegular;
        	font-weight: 100;
        	div{
        		font-size: 15px; 
        	}
        }
        .nav-tabs>li {
        	/*width: 100%;*/
        	text-align: center;
        	font-weight: 600;
        	/*border-right: solid 1px #0177c0;*/  
        }



        .tab-content {
        	margin-bottom: 50px;
        }


        a.accordion-toggle.collapsed {
        	padding-left: 10px;
        	color: #666666;
        }

        a.accordion-toggle {
        	padding-left: 10px;
        	color: #0177c0; 
        	text-decoration: none;
        	font-family: ubunturegular;
        }



        .panel {
        	margin-bottom: 0px;
        	background-color: #fff;
        	border: none;
        	border-radius: 0px;
        	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        }
        .panel-default>.panel-heading {
        	background-color: transparent;
        }
        .panel-heading {
        	/*padding: 25px 15px 25px 0px;*/
        	padding: 20px 75px 20px 20px;
        }
        .panel-group .panel-heading {
        	border-bottom: solid 1px ;
        	border-color: #0177c0;
        	position: relative;
        }
        .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
        	border-top: none;
        }

        .panel-heading .accordion-toggle.collapsed:after {

        	/* symbol for "collapsed" panels */
        	content: "\e259";    /* adjust as needed, taken from bootstrap.css */
        	color: @gray-text;
        }

        .panel-heading .accordion-toggle:after {

        	/* symbol for "opening" panels */
        	font-family: 'Glyphicons Halflings';
        	content: "\e260";
        	color: @azulClaroaNegro;
        	font-size: 12px;
        	padding-top: 2px;      
        	position: absolute;
        	right: 15px; 

        }

        .panel-title{
        	font-size: 18px;
        	color: #666666;
        	font-weight: 300;
        }

        .panel-title a{
        	font-size: 16px;
        	color: #666666;
        	font-weight: 300;
        }

        p{
        	font-size: 16px;
        	color: #666666;
        	font-weight: 300;
        }

        .panel-body {
        	font-size: 18px;
        }

        /*Fin Estilos Acordeon*/

        /*Estilos Tabla Interior*/
        .contTitulos {
        	/*background-color: aqua;*/
        	position: relative;

        	div {
        		display: inline-block;
        		width: 25%;
        		font-family: ubuntumedium;
        		color: #666666;
        		font-size: 16px;
        		padding-top: 5px;
        		padding-bottom: 5px;
        	}
        }

        .panel-body {
        	padding-left: 0px;
        	padding-right: 0px;
        }

        .contConsulta {
        	position: relative;
        	/*background-color: bisque;*/
        }

        .contConsulta > div {
        	display: inline-block;
        	width: 25%;
        	font-size: 16px; 
        	padding-right: 35px;
        	vertical-align: top; 
        }

        .iconoConsul {
        }

        .contConsulta > div:nth-child(4) {
        	width: 20%;
        }

        .contConsulta > div:nth-child(5) {
        	width: 5%;
        	text-align: right;
        	padding-right: 15px;
        	display: none;
        }

        .contConsulta {
        	padding-top: 5px;
        	padding-bottom: 5px;
        }
        /*Estilos Tabla Interior*/

        .panel-collapse.collapse.in { 
        	background: #f1f1f1;
        	margin-top: -1px;
        	position: relative;
        	z-index: 100;
        	border-bottom: solid 1px;
        	border-color: #0177c0;
        }

    }

    /* ----------------- //Estilos Cooperativas Inscritas ---------------------------------*/

    /* ================================================================================*/

    /* ----------------- Estilos Diseño de Página Encabezado -------------------------*/

    #contImgEncabe {
    	#contentMnu > div {
    		width: 90%;
    	}
    	.col-md-3, .col-md-9 {
    		padding: 0;
    	}
    	.tituloImgEncabe {

    		/*background-color: chartreuse;*/
    		font-size: 20px;
    		font-weight: 600;
    		margin-top: 20px;
    	}
    	.imagenImgEncabe {
    		margin-top: 20px;
    	}
    	.imagenImgEncabe img {
    		display: block;
    		max-width: 100%;
    		height: auto;
    	}
    	.fechaImgEncabe {
    		font-size: 12px;
    		padding-top: 10px;
    		padding-bottom: 10px;
    		padding-left: 2px;
    	}
    	.barraImgEncabe {
    		display: flex;
    		margin-top: 0px;            /*background-color: aqua;*/
    		height: 30px;

    		.estrellasImgEncabe {
    			width: 200px;               /* background-color: bisque; */
    			position: absolute;
    			right: 70px;
    			margin-top: 5px;
    		}
    		.redesImgEncabe {
    			position: absolute;
    			right: 0;
    			width: 60px;
    			border-left: solid 2px lightgray;
    			height: 30px;
    		}
    		.redesImgEncabe span {
    			font-size: 18px;
    			float: right;
    			padding-left: 10px;
    			margin-top: 6px;
    			color: gray;
    		}
    	}
    	.textoImgEncabe {
    		margin-top: 25px;
    		margin-bottom: 30px;
    	}
    	.textoImgEncabe .boxed {
    		margin: 0px !important;
    	}
    	@media (max-width:991px) {
    		#contentMnu > div {
    			width: 100%;
    		}
    	}
    }

    /* ----------------- //Estilos Diseño de Página Encabezado -------------------------*/

    /* ================================================================================*/

    /* ----------------- //Estilos Diseño de Página Img Derecha -------------------------*/

    #contImgDere {
    	#contentMnu > div {
    		width: 90%;
    	}
    	.col-md-3, .col-md-9 {
    		padding: 0;
    	}
    	.tituloImgDere {

    		/*background-color: chartreuse;*/
    		font-size: 20px;
    		font-weight: 600;
    		margin-top: 20px;
    	}
    	.imagenImgDere {
    	}
    	.imagenImgDere img {
    		display: block;
    		max-width: 100%;
    		height: auto;
    	}
    	.fechaImgDere {
    		font-size: 12px;
    		padding-top: 10px;
    		padding-bottom: 10px;
    		padding-left: 2px;
    	}
    	.barraImgDere {
    		display: flex;
    		margin-top: 0px;            /*background-color: aqua;*/
    		height: 30px;

    		.estrellasImgDere {
    			width: 200px;               /* background-color: bisque; */
    			position: absolute;
    			right: 70px;
    			margin-top: 5px;
    		}
    		.redesImgDere {
    			position: absolute;
    			right: 0;
    			width: 60px;
    			border-left: solid 2px lightgray;
    			height: 30px;
    		}
    		.redesImgDere span {
    			font-size: 18px;
    			float: right;
    			padding-left: 10px;
    			margin-top: 6px;
    			color: gray;
    		}
    	}
    	.textoImgDere {
    		text-align: justify;
    		margin-top: 0px;
    		margin-bottom: 30px;
    	}
    	.textoImgDere .boxed {
    		margin: 0px !important;
    		margin: 10px 28.7969px;
    		padding: 0px;
    		clear: none !important;
    	}
    	.contInfoDere {

    		/*background-color: burlywood;*/
    		width: 60%;
    		height: auto;
    		float: right;
    		margin-left: 20px;
    		margin-bottom: 10px;
    	}
    	@media (max-width:991px) {
    		#contentMnu > div {
    			width: 100%;
    		}
    		.contInfoDere {

    			/*background-color: burlywood;*/
    			width: 100%;
    			height: auto;
    			float: right;
    			margin-left: 20px;
    			margin-bottom: 10px;
    		}
    	}
    }

    /* ================================ //Estilos Diseño de Página Img Derecha====================================*/

    /* ================================ //Estilos Diseño de Página Img Izquierda====================================*/

    #contImgIzq {
    	#contentMnu > div {
    		width: 90%;
    	}
    	.col-md-3, .col-md-9 {
    		padding: 0;
    	}
    	.tituloImgIzq {

    		/*background-color: chartreuse;*/
    		font-size: 20px;
    		font-weight: 600;
    		margin-top: 20px;
    	}
    	.imagenImgIzq {
    	}
    	.imagenImgIzq img {
    		display: block;
    		max-width: 100%;
    		height: auto;
    	}
    	.fechaImgIzq {
    		font-size: 12px;
    		padding-top: 10px;
    		padding-bottom: 10px;
    		padding-left: 2px;
    	}
    	.barraImgIzq {
    		display: flex;
    		margin-top: 0px;            /*background-color: aqua;*/
    		height: 30px;

    		.estrellasImgIzq {
    			width: 170px;               /* background-color: bisque; */
    			position: absolute;
    			left: 0px;
    			margin-top: 5px;
    		}
    		.redesImgIzq {
    			position: absolute;
    			left: 0;
    			width: 60px;
    			border-right: solid 2px lightgray;
    			height: 30px;
    		}
    		.redesImgIzq span {
    			font-size: 18px;
    			float: left;
    			padding-right: 10px;
    			margin-top: 6px;
    			color: gray;
    		}
    	}
    	.textoImgIzq {
    		text-align: justify;
    		margin-top: 0px;
    		margin-bottom: 30px;
    	}
    	.textoImgIzq .boxed {
    		margin: 0px !important;
    		margin: 10px 28.7969px;
    		padding: 0px;
    		clear: none !important;
    	}
    	.contInfoIzq {

    		/*background-color: burlywood;*/
    		width: 60%;
    		height: auto;
    		float: left;
    		margin-right: 20px;
    		margin-bottom: 10px;
    	}
    	@media (max-width:991px) {
    		#contentMnu > div {
    			width: 100%;
    		}
    		.contInfoIzq {

    			/*background-color: burlywood;*/
    			width: 100%;
    			height: auto;
    			float: right;
    			margin-right: 0px;
    			margin-bottom: 10px;
    		}
    	}
    }

    /* ================================ //Estilos Diseño de Página Img Izquierda====================================*/

    /* ================================ //Estilos Diseño de Página Solo Cuerpo====================================*/
    #contImgSCuerpo {
    	.textoImgScuerpo {
    		text-align: justify;
    	}
    	#contentMnu > div {
    		width: 90%;
    	}
    	.col-md-3, .col-md-9 {
    		padding: 0;
    	}
    }

    /* ================================ //Estilos Diseño de Página Solo Cuerpo====================================*/

    /* ==============================================================================================================*/

    /* ================================ Widget Redes Sociales Home ==========================================================*/
    #contRedes {
    	.visiblet {
    		display: none;
    	}

    	.visibled iframe{
    		width: 340px;
    		height: 300px;
    	}

    	.nav-tabs {
    		border-bottom: 3px solid dimgray;
    		background-color: transparent;

    		li {
    			text-align: center; 
    			
    			a:hover {

                /*border-radius: 0px;
                                    font-size: 20px; 
                                    color: dimgray;
                                    margin-bottom: -2px;
                                    border-bottom-color: blue;
                                    border: 0px;s
                                    background-color: transparent;  */ 
                                    background-color: transparent;
                                    border-color: transparent;
                                }
                                a {
                                	border-radius: 0px;
                                	font-size: 20px;
                                	color: dimgray;
                                	margin-bottom: -2px;

                                	/*font-weight: 600;*/
                                	span {
                                		vertical-align: middle;
                                		color: dimgray;
                                	}
                                }
                            }
                            .active {
                            	a {
                            		color: @flight-blue;
                            		background-color: transparent;
                            		border: 0px;
                            		border-bottom: solid 3px @flight-blue;
                            		margin-right: -1px;
                            		margin-top: 1px;

                            		span {
                            			color: @flight-blue;
                            		}
                            	}
                            	a:hover {
                            		color: @flight-blue;
                            		background-color: transparent;
                            		border: 0px;
                            		border-bottom: solid 3px @flight-blue;
                            		margin-right: -1px;
                            		margin-top: 1px;
                            	}
                            }
                        }
                        .tab-content {
                        	#menu1, #home {
                        		background-color: white;
                        		border-radius: 10px;
                        		height: auto;
                        		width: 100%;
                        	}
                        	#home {
                        		margin-top: 15px;

                        		iframe#twitter-widget-0 {
                        		}
                        	}
                        	#menu1 {
                        		margin-top: 15px;
                        	}
                        }
                    }

                    #fb-root {
                    	display: none;
                    }

                    /* To fill the container and nothing else */
                    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
                    	width: 100% !important;
                    }

                    /* ================================ //Widget Redes Sociales Home ==========================================================*/

                    /* ================================ Accesos Rapidos Home ==========================================================*/
                    .cont_acceRapidos {

                    	height: auto;
                    	padding: 0;
                    	width: 100%;
                    	margin: 30px 0px;
                    	background-color: @colorWhite;
                    	margin-bottom: 80px;

                    	li {
                    		width: 33.3%;
                    		display:inline-block;

                    		/*background-color: rgba(255,255,255,0.5);*/
                    		.cont_icono{
                    			width: initial; 

                    			path {
                    				fill: @flight-blue !important;
                    			}

                    			svg {
                    				width: 145px !important;
                    				display: block;
                    				margin: 0 auto;

                    				.st1{
                    					fill: @yellow !important;
                    				}
                    			} 

                    			a {
                    				font-size: 24px;
                    				color: @black;
                    				font-family: ubuntumedium;

                    				&:visited{
                    					color: @avisited;
                    				}
                    				&:hover .cont_titulo{
                    					color: @flight-blue;
                    				}  
                    			}
                    		}
                    		.cont_titulo {
                    			font-size: 28px;
                    			font-weight: 500;
                    			line-height: 0.86;
                    			text-align: center;
                    			color: @black;              /*background-color: cadetblue;*/
                    			padding: 0px 0px 0px 0px;

                    			
                    		}
                    	}
                    	@media (max-width:650px) {
                    		ul.cont_acceRapidos {
                    			display: inline-block;
                    		}
                    		ul.cont_acceRapidos li {
                    			width: 100%;
                    			margin-bottom: 50px;
                    		}
                    	}
                    }

                    /* ================================ /Accesos Rapidos Home ==========================================================*/

                    /* ================================ Redes Flotantes Home ==========================================================*/






                    section.redesFlotantes {

                    	background-color: @fblue;
                    	position: fixed;
                    	width: 40px;
                    	height: 162px;
                    	z-index: 1000;
                    	border-radius: 5px 0px 0px 5px;   
                    	right: 1.4%;
                    	top: 50%;

                    	.cont_redesFlotantes {
                    		padding: 0px;

                    		.cont_iconoRedes {
                    			padding: 3px 5px 3px;
                    			height: 41px;

                    			path {
                    				fill: @colorWhite !important;
                    			}

                    		}
                    	}
                    }





                    /* ================================ /Redes Flotantes Home ==========================================================*/

                    /* ================================ Evento Calendario ==========================================================*/

                    /* ================================ /Evento Calendario ==========================================================*/
                    /* =======================Estilos Detalle de Evento ========================*/

                    /* Elimina Padding Superior del contenedor */
                    #contentRow {
                    	padding-top: 0px !important;
                    }
                    .superContDEvento {

                    	padding-bottom: 50px;

                    	.tituloVistaDetalle {

                    		/* background-color: bisque; */
                    		font-size: 25px;
                    		font-family: ubuntumedium;
                    		padding-top: 20px;
                    		color: @fblue;
                    	}
                    	.fechaEventoDetalle {

                    		/*background: azure;*/
                    		font-family: ubuntumedium;
                    		color: @oceanblue;
                    		padding-top: 5px;
                    	}

                    	.btnRedesSocialesDetalleEventos {
                    		margin-top: -36px;              
                    		display: inline-block;
                    		float: right;
                    	}

                    	.btnRedesSocialesDetalleEventos .face {
                    		border: 1px solid @fblue;
                    		border-radius: 61%;
                    		font-size: 12px;
                    		padding: 4px;
                    		color: @fblue;
                    		margin: 2px;
                    		width: 21px;
                    		text-align: center;
                    	}

                    	.btnRedesSocialesDetalleEventos .tweet {
                    		border: 1px solid @fblue;
                    		border-radius: 61%;
                    		font-size: 12px;
                    		padding: 4px;
                    		color: @fblue;
                    		margin: 2px;
                    		width: 21px;
                    		text-align: center;
                    	}

                    	.btnRedesSocialesDetalleEventos .linkedin {
                    		border: 1px solid @fblue;
                    		border-radius: 61%;
                    		font-size: 12px;
                    		padding: 4px;
                    		color: @fblue;
                    		margin: 2px;
                    		width: 21px;
                    		text-align: center;
                    	}

                    	.contImgInfo {
                    		margin-top: 30px;

                    		.contImgEvento { /* Responsive*/ 
                    			padding-left: 0px;
                    			padding-right: 40px; 
                    			color: black;
                    			padding-bottom: 14%;

                    			img{
                    				width: 100%;
                    			}
                    		}

                    		.contInfoEvento {
                    			border-top: solid 2px @fblue;
                    			border-bottom: solid 2px @fblue;
                    			padding: 0;

                    			.contArchivoAdjunto {
                    				border-bottom: none !important;
                    			}
                    			.contGeneral { 
                    				width: 100%;
                    				border-bottom: solid 1px #0077c0;
									

                    				div {
                    					display: inline-block;
                    					width: 50%;
                    				}
									
									
                    				.title {
                    					padding: 10px 30px;
                    					text-align: right;
                    					font-family: ubuntumedium;
                    					color: @fblue;
										vertical-align:top;
                    				}
                    				.descrip {
                    					padding: 10px 30px;
                    					text-align: left;                   /* font-family: ubuntumedium; */
                    					color: @gray-text;
										div{
											width:100% !important;
										}
                    					a {
                    						cursor: pointer;
                    						color: @flight-blue;
                    						text-decoration: underline;
                    						&:visited{
                    							color: @avisited;                                
                    						}
                    						&:hover{
                    							color: @fblue;
                    						}

                    					}

                    				}
                    			}
                    		}
                    	}
                    }

                    /* Elimina Padding Superior del contenedor */

                    /* =======================Estilos Detalle de Evento ========================*/

                    /* ====================== Elimina Margen Predeterminada de la WebPart Redes Sociales ========================== */
                    div#MSOZoneCell_WebPartWPQ27 {
                    	margin: 0;
                    }

                    /* ====================== //Elimina Margen Predeterminada de la WebPart Redes Sociales ========================== */
                    /* ====================== Estilos Calendario General ========================== */
                    .contGeneralCalendario{

                    	.contTituloFecha{
                    		margin-bottom: 30px;
                    	}

                    	.rating{
                    		width: 91%;
                    	}

                    	.contBtnRedes{
                    		width: 12%;  
                    	}

                    	.calendariosite table.ms-acal-month{
                    		height: 100%;
                    		overflow-x: hidden;
                    		overflow-y: scroll; 
                    		float: left; 
                    		-webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
                    		-webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/  
                    	}    

                    	margin-bottom: 50px;
                    	.contTituloFecha {
                    		padding: 0;
                    		.tituloImgEncabe{
                    			margin-top: -20px !important;
                    			h1{
                    				/*margin-left: -15px; */
                    				margin-bottom: 5px;
                    			}
                    		}

                    		.fechaImgEncabe{
                    			font-family: ubunturegular;
                    			color: @fblue;
                    			font-size: 18px !important;
                    			padding: 0px !important;
                    		}
                    	}

                    	/* Edicion de Estilos Calendario Propios de Sharepoint */

                    	th.ms-acal-month-top {
                    		text-transform: lowercase;
                    	}

                    	.ms-acal-summary-itemrow td div {
                    		background-color: #ecf2f9;
                    	}

                    	tr.ms-acal-summary-dayrow > td {
                    		border: solid 1px white;
                    		border-bottom-style: none;
                    		background-color: #ecf2f9;
                    	}

                    	.ms-acal-summary-dayrow td div {
                    		text-align: right;
                    		font-family: ubuntumedium; 
                    		font-size: 14px;
                    	}

                    	#WebPartWPQ7_ChromeTitle{
                    		display: none;
                    	}

                    	div#WebPartWPQ7 {
                    		margin-top: 25px;
                    		margin-bottom: 50px;
                    	}

                    	.ms-acal-summary-dayrow > th {
                    		cursor: pointer;
                    		border-bottom: solid 1px transparent; 
                    		border-top: solid 1px transparent; 
                    	}

                    	#WebPartWPQ7{
                    		border: solid transparent;
                    	}

                    	th.ms-acal-month-top {
                    		background-color: @fblue;
                    		padding-top: 10px;
                    		padding-bottom: 10px;
                    		text-align: center;
                    		span{
                    			color: white;
                    		}
                    	}

                    	.ms-acal-item {
                    		background-color: white;
                    		border: none;
                    	}

                    	.ms-acal-sdiv a {
                    		color: black !important;
                    		font-family: ubunturegular; 
                    		font-size: 12px;
                    	}

                    	.ms-acal-rootdiv div {
                    		color: black;
                    		font-family: ubunturegular;
                    		font-size: 12px; 
                    	}

                    	tr td div.ms-acal-today {
                    		color: @fblue; 
                    		border: solid 1px #2a8dd4;
                    	}

                    	.ms-acal-summary-itemrow td div {
                    		margin: 0px 0px 0px 0px;
                    		height: 5em;
                    	}

                    	tr.ms-acal-summary-itemrow > td {
                    		border: solid 1px white;
                    		border-top-style: none;
                    	}

                    	.ms-acal-display {
                    		color: #444;
                    		font-size: 14px;
                    		padding: 5px;
                    		white-space: nowrap; 
                    		font-family: ubuntumedium; 
                    		font-size: 14px;
                    		color: @fblue;
                    	}  
                    	/* //Edicion de Estilos Calendario Propios de Sharepoint */
                    }
                    /* ====================== //Estilos Calendario General ========================== */
                    /* ====================== Miga de Pan ========================== */

                    .breadcrumb {
                    	padding: 3px 0px 5px 35px;
                    	margin-bottom: 15px;
                    	list-style: none;
                    	background-color: @gray;
                    	border-radius: 0 0 4px 4px;
                    	height: auto;
                    	/*margin-top: 4px;

                    	opacity: 0.6;  */
                    }


                    .breadcrumb span a {
                    	color: @flight-blue;
                    	text-decoration: underline;
                    }

                    .breadcrumb span {
                    	color: @fblue;
                    	font-size: 13px;
                    	padding: 0px 8px 0 0;
                    }

                    .breadcrumb span:nth-child(odd) {
                    	color:@gray-text;
                    }

                    .breadcrumb span a:first-child::after {
                    	content: '';
                    	background-image: url('/Style Library/plantilla/imagenes/home.png');
                    	background-position: center bottom;
                    	background-repeat: no-repeat;
                    	background-size: contain;
                    	height: 17px;
                    	width: 17px;
                    	position: absolute;  
                    	left: 10px;
                    	top: 5px; 
                    }



                    .breadcrumb.col-md-12.bNinos:first-child span:first-child span:nth-child(2) {
                    	display: none!important;
                    }

                    .breadcrumb.col-md-12.bNinos:first-child span:first-child span:nth-child(3) {
                    	display: none;
                    }
                    /* ====================== //Miga de Pan ========================== */

                    /* ======================== Slider Principal Niños ===================================*/

                    .headerAbsolute {
                    	position: absolute;
                    	z-index: 100;
                    	width: 100%;
                    	background: transparent;

                    	.topbar {
                    		background-color: transparent;
                    	}
                    	.superContHeader {

                    		background-color: rgba(255,255,255,0.8) !important;
                    		border-bottom: 0px solid white !important;


                    		.contHeaderLogos .contLogoMenu .logoFogacoop img {
							    width: auto;
							    margin-top: 26px;
							    height: 48px;
							    margin-bottom: 26px; 
							    display: inline-block;
							    margin-left: 22px;
							}
                    	}
                    }
                    .btn-redes-ninos{
                    	position: relative;
                    	width: initial !important;
                    	border-left:  none !important; 
                    	.fb_iframe_widget{
                    		display: inline-block;
                    		position: absolute;
                    		left: -85px;
                    		top: 7px; 
                    		span{
                    			padding-left: 0px !important; 
                    		}

                    	}



                    }

                    .sliderprincipalNinos {
						/*Estilos Botones Reproductor Slider*/
					    .glyphicon-pause { 
					    	position: absolute; 
					    	left: 36px;
					    	padding-top: 1px;
					    	padding-left: 2px;
					    	top: 4px;
					    	cursor: pointer;
					    }
					    .glyphicon-pause:hover {
					    	background-color: #fcba2b;
					    	color: #fff;
					    }
					    .glyphicon-play:hover {
					    	background-color: #fcba2b;
					    	color: #fff;
					    }
					    .glyphicon-play {
					    	left: 12px;
					    	position: absolute;
					    	padding-top: 1px;
					    	padding-left: 2px;
					    	top: 4px;
					    	cursor: pointer;  
					    }
					    .contPlay span {
					    	font-size: 12px;
					    	width: 20px;
					    	height: 20px;
					    	background: #ffffff;
					    	transition: opacity .2s ease;
					    	border-radius: 30px;
					    	display: inline;
					    	text-align: center;
				    	    background: transparent;
							border: solid 1px #fcba2b;
							margin-top: -5px; 
							padding: 2px 4px;
    						color: #fcba2b; 
					    }
					    .owl-theme .owl-dots .owl-dot span {
					    	width: 13px;
					    	height: 13px;
					    	margin: 5px 5px;
					    	background: #ffffff;
					    	display: block;
					    	-webkit-backface-visibility: visible;
					    	transition: opacity .2s ease;
					    	border-radius: 30px;
					    	
					    }

					    /*Fin Estilos Botones*/
                    		/*Contenedor de Boton Play y Pause*/
						    .contReproductor {
						    	width: 50%;
						    	bottom: 50px;
						    	text-align: left;
						    	position: absolute;
						    	/*background-color: orange;*/
						    	z-index: 100;
						    	/* bottom: 0px; */
						    	right: 0px;
						    	height: 30px;
						    }
						    .contPlay {
						        /*width: 110px;
						        height: 20px;
						        position: absolute;
						        bottom: 15px;
						        right: -15px;*/
						        border-left: 1px solid @yellow;  
						        height: 20px;

						        /*border-left: solid 1px @yellow;*/
						        p {
						        	color: yellow;
						        }
						    }
						    .sliderhidden {
						    	visibility: hidden;
						    }

						    /*Fin Contenedor de Boton Play y Pause*/

                    	/*Eliminando margenes predeterminadas clase container del slider*/
                    	margin: 0 ! important;
                    	padding: 0 ! important;

                    	.contentimgslider {
                    		padding: 0 !important;
                    	}
                    	.contentimgslider img {

                    		@media (min-width: 768px) and (max-width: 1023px){
                    			height: 390px !important;
                    		}

                    		@media (min-width: 1024px){
                    			height: 600px !important;
                    		}
                    	}
                    	.ms-webpart-zone {
                    		display: block !important;
                    	}
                    	.ms-webpart-cell-vertical {
                    		display: block !important;
                    	}
                    	.ms-webpart-chrome-vertical {
                    		display: block !important;
                    	}
                    	.no-js .owl-carousel, .owl-carousel.owl-loaded {
                    		padding: 0px !important;
                    	}

                    	/*Fin Eliminando margenes predeterminadas clase container del slider*/

                    	/* Estilos Visited*/
                    	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
                    		background: @yellow;
                    	}

                    	/* Estilos Visited*/

                    	/*Estilos Paginación Slider*/
                    	.owl-dots {
                    		/*position: absolute;
                    		left: 50%; 
                    		margin-left: -30px;
                    		bottom: 8px;*/
                    		position: relative;
						    bottom: 50px;
						    width: 50%;
						    text-align: right !important;
						    /* background-color: red; */ 
                    	}

                    	/*Fin Estilos Paginación Slider*/

                    	/*Estilos Next - Prev Slider*/
                    	.owl-nav {
                    		div {
                    			position: absolute;
                    			top: 48%;
                    			bottom: 0;
                    			display: inline-block;
                    			zoom: 1;
                    			margin: 0;
                    			width: 50px;
                    			height: 50px;
                    			line-height: 45px;
                    			text-align: center;
                    			font-size: 1em;
                    			border-radius: 30px;
                    			color: #FFF;
                    			background: transparent !important;
                    			border-radius: 50px;
                    		}
                    		.owl-prev {
                    			left: 113px;
                    		}
                    		.owl-next {
                    			right: 113px;
                    		}
                    	}
                    	.glyphicon-menu-left {
                    		font-size: 45px;
                    		opacity: 0.5;
                    		color: white;
                    	}
                    	.glyphicon-menu-right {
                    		font-size: 45px;
                    		opacity: 0.5;
                    		color: white;
                    	}

                    	/*Hover Flechas Slider*/
                    	.glyphicon-menu-left:hover {
                    		opacity: 1;
                    	}
                    	.glyphicon-menu-right:hover {
                    		opacity: 1;
                    	}

                    	/*Fin Hover Flechas Slider*/

                    	/*Fin Estilos Next - Prev Slider*/

                    	/*=================================*/

                    	/*Contenedores Slider*/

                    	.contImg {
                    		position: absolute;
                    		bottom: 60px;

                    		.contText {
                    			text-align: center;
                    			h2{
                    				font-size: 85px;
                    				color: white !important;
                    				margin-bottom: 20px;
                    				font-family: shadows;
                    				text-align: center;
                    			}

                    			p{
                    				font-size: 32px;
                    				color: white;
                    				font-family: allerr;
                    			}
                    		}
                    	}

                    	.owl-theme .owl-dots .owl-dot span {
                    		width: 20px;
                    		height: 20px;
                    		margin: 5px 5px;
                    		background: transparent;
                    		display: block;
                    		-webkit-backface-visibility: visible;
                    		transition: opacity .2s ease;
                    		border-radius: 30px;
                    		border: solid 1px #fcba2b;
                    	}

                    	.owl-theme .owl-dots .owl-dot:hover span {
                    		background: #ff6600;
                    		border: solid 1px #ff6600;
                    	}

                    	.owl-theme .owl-dots .owl-dot.active span {
                    		background: #ff6600;
                    		border: solid 1px #ff6600;
                    	}


                    	/*Fin Contenedor de Titulo, Descripcion y Boton*/
                    }

                    .accesosNinos { 
                    	margin-top: -55px;   
                    	height: auto;
                    	background-color: rgba(247,196,172,0.25);

                    	.cont_titulo {
                    		white-space: nowrap;
                    		text-align: center;
                    		margin-bottom: 50px;

                    		a{
                    			font-size: 32px;
                    			font-family: shadows;
                    			color: #0077c0;
                    		}
                    	}

                    	.cont_icono {
                    		white-space: nowrap; /* this is required unless you put the helper span closely near the img */
                    		text-align: center;
                    		margin: 50px auto 30px;
                    		width: 130px !important;

                    		a{
                    			display: inline-block;
                    			height: 100%;
                    			vertical-align: middle;

                    			svg{
                    				vertical-align: middle;
                    				height: 132px;
                    			}
                    		}
                    	}
                    }

                    /* ======================== // Slider Principal Niños ===================================*/

                    /* ======================== Contactanos Niños ================================*/
                    .bannerContactoN{
                    	width: 100%;
                    	height: 336px;
                    	background-image: url("/Style Library/plantilla/imagenes/img-banner-contactanos.jpg");
                    	 	background-size: cover;

                    	.contBannerNinos {

                    		h2 {
                    			text-align: center;
                    			font-size: 85px;
                    			font-family: shadows;
                    			padding-top: 175px;     
                    			color: white !important;
                    		}

                    		.bNinos {
                    			background-color: transparent;
                    			text-align: center;
                    			margin-left: -25px;
                    			color: white;
                    			font-size: 15px;
                    			font-family: allerr;
                    		}

                    		.bNinos span {
                    			color: white;
                    			font-family: allerr;
                    		}

                    		.bNinos span a {
                    			color: white;
                    			font-family: allerr;
                    		}

                    		.breadcrumb span a:first-child::after {
                    			content: '';
                    			background-image: url(none) !important;
                    			background-position: center bottom;
                    			background-repeat: no-repeat;
                    			background-size: contain;
                    			height: 17px;
                    			width: 17px;
                    			position: absolute;
                    			left: 2px;
                    		}
                    	}

                    }

                    .contContactoN {
                    	background-color: @gray;

                    	.contactoNinos {
                    		height: auto;
                    		background-color: @gray; 
                    		padding-top: 60px;
                    		padding-bottom: 55px; 

                    		.titulo {
                    			font-size: 32px;
                    			font-family: shadows;
                    			color: #0077c0;
                    			font-weight: 600;
                    			margin-bottom: 20px;
                    		}

                    		label {
                    			font-size: 21px;
                    			font-family: shadows;
                    			color: #0077c0;
                    			padding-bottom: 5px;
                    			padding-top: 10px;
                    		}

                    		.checkbox label {
                    			font-weight: 600;
                    		}

                    		.descripcion p {
                    			font-size: 18px;
                    			font-family: allerr;
                    			font-weight: 100;
                    			color: #666666;
                    		}

                    		.descripcion p span{
                    			color: #574751; 
                    			font-family: roboto, helvetica, sans-serif; 
                    			font-size: 15px; 
                    			white-space: pre-wrap;
                    		}

                    		input {
                    			background-color: #edf3f6;
                    			border-color: #0077c0;
                    		}

                    		input[type="checkbox"] {
                    			margin-top: 8px;
                    		}

                    		select {
                    			background-color: #edf3f6;
                    			border-color: #0077c0;
                    			color: #66666;
                    		}

                    		textarea {
                    			background-color: #edf3f6;
                    			border-color: #0077c0;
                    		}

                    		.formatos{ 
                    			margin-bottom: 35px;

                    			p {
                    				width: 100%;
                    				height: auto;
                    				padding: 15px 30px 15px 15px;
                    				background-color: #fff6e4;
                    				border: solid 1px #dc9720;
                    				border-radius: 6px;
                    				font-size: 18px;
                    				font-family: allerr;
                    				color: #666666;
                    			}
                    		}

                    		input[type="submit"] {
                    			width: 164px;
                    			height: 60px;
                    			font-size: 32px;
                    			color: white;
                    			font-family: shadows;
                    			background-color: #0077c0 !important;
                    		}

                    		#adjArchivo {
                    			background-color: transparent;
                    			border-color: transparent;
                    			padding-bottom: 30px;
                    			padding-left: 0px; 
                    		}
                    	}

                    }


                    /* ======================== Contactanos Niños ================================*/

                    /* ======================== Conocenos Niños ================================*/
                    .bannerConocenosN{
                    	width: 100%;
                    	height: 336px;
                    	background-image: url("/Style Library/plantilla/imagenes/pexels-photo-206290.jpg");
                    	background-size: cover;

                    	.contBannerNinos {

                    		h2 {
                    			text-align: center;
                    			font-size: 85px;
                    			font-family: shadows;
                    			padding-top: 175px;
                    			color: white !important;
                    		} 

                    		.bNinos {
                    			background-color: transparent;
                    			text-align: center;
                    			margin-left: -25px;
                    			color: white;
                    			font-size: 15px;
                    			font-family: allerr;
                    		}

                    		.bNinos span {
                    			color: white;
                    			font-family: allerr;
                    		}   

                    		.bNinos span a {
                    			color: white;
                    			font-family: allerr;
                    		}

                    		.breadcrumb span a:first-child::after {
                    			content: '';
                    			background-image: url(none) !important;
                    			background-position: center bottom;
                    			background-repeat: no-repeat;
                    			background-size: contain;
                    			height: 17px;
                    			width: 17px;
                    			position: absolute;
                    			left: 2px;
                    		}
                    	}

                    }

                    .seccionVideo {
                    	height: auto;
                    	padding: 50px 0px;
                    	background-image: url("/Style Library/plantilla/imagenes/bg-sec-video.jpg");




                    	.contVideo{  
                    		padding: 0px;

                    		ul.mediaPlayerAdditionalControls span {
                    			display: none!important;
                    		}

                    		.textoV {
                    			padding-top: 10px;
                    			height: 350px;

                    			.modiTexto{
                    				background-color: rgba(0,114,54,0.8);

                    				height: 330px;
                    				border-radius: 8px;
                    				padding: 25px 25px 0px 20px;
                    				font-family: allerr;

                    				p{
                    					color: white;
                    				}

                    				img{
                    					width: 77px;
                    					height: 77px;
                    					/* float: right; */
                    					position: absolute;
                    					right: 40px;
                    					bottom: 15px;
                    				}

                    			}

                    		}

                    		.video {
                    			height: 350px;

                    			#Video {
                    				padding: 0px;
                    				margin: 0px;
                    				padding-top: 10px;

                    				.contVideo {
                    					height: 330px;
                    				}
                    			}
                    		}

                    	}
                    }

                    .seccionGirl{

                    	padding: 0px;
                    	padding-top: 40px;
                    	padding-bottom: 40px;
                    	height: 360px;
                    	background-color: #ff940a;

                    	.contImgNina{
                    		position: absolute;
                    		width: 380px;
                    		height: 360px;
                    		background-color: aquamarine;
                    		left: 0px;
                    		margin-top: -40px;
                    		overflow: hidden;

                    		img{
                    			width: 380px;
                    		}
                    	}

                    	.grillaInfoOculto{
                    		width: 200px;
                    		height: 285px;
                    	}



                    	.grillaInfo{
                    		padding: 0px;
                    		width: 290px;
                    		height: 290px;
                    		border-radius: 6px;
                    		background-color: #fadcba;
                    		margin-left: 17px;

                    		.ms-rtestate-field {
                    			padding: 11px;
                    		}

                    		.ms-rtestate-field a{
                    			font-size: 27px;
                    			font-family: shadows;
                    			color: #0077c0;
                    			font-weight: 600;
                    			text-align: left;
                    			display: inline-table;
                    			padding-left: 15px;
                    			padding-top: 10px;
                    			padding-bottom: 5px;
                    			/* width: 105px; */
                    		}

                    		.ms-rtestate-field p{
                    			font-size: 16px;  
                    			font-family: allerr;
                    			text-align: left;
                    			color: #323232;
                    			padding-left: 5px;
                    		}

                    		.ms-rtestate-field img{
                    			width: 55px;
                    			/* float: right; */
                    			position: absolute;
                    			right: 25px;
                    			bottom: 10px;
                    		}

                    	}
                    }

                    .seccionPeople {
                    	padding: 0px;
                    	padding-top: 50px;
                    	padding-bottom: 50px;
                    	background-color: rgba(255,204,0,0.2);
                    	background-image: url("/Style Library/plantilla/imagenes/bg-sec-temas.png");
                    	max-height: 400px;

                    	.iconosPeople ul li{
                    		display: inline-block;

                    	}

                    	.iconosPeople .item{
                    		padding-right: 55px !important;
                    	}

                    	.iconosPeople .image-area-top img{
                    		width: 115px;
                    		height: 108px;

                    	}

                    	.iconosPeople .link-item a{
                    		font-size: 27px;
                    		font-family: shadows;
                    		color: #0077c0;
                    		font-weight: 600;
                    		text-align: center;
                    		display: inline-table;
                    		width: 105px;

                    	}



                    	.contImgPeople {
                    		position: absolute;
                    		display: none;
                    	}

                    	.textPeople {
                    		font-size: 18px;
                    		font-family: allerr;
                    		color: #323232;
                    		text-align: left;
                    	}

                    	.contAccesosNCono {
                    		margin: 0;
                    		padding: 0;

                    		.grillaInfoNinos {

                    			img{
                    				width: 115px;
                    				height: 108px;
                    			}

                    			div{
                    				font-size: 32px;
                    				font-family: shadows;
                    				color: #0077c0;
                    				font-weight: 600;
                    				text-align: center;
                    			}
                    		}
                    	}
                    }

                    /* ======================== //Conocenos Niños ================================*/



                    /* ======================== Explora Niños ================================*/

                    .bannerExplora {
                    	width: 100%;
                    	height: 336px;
                    	background-image: url("/Style Library/plantilla/imagenes/pexels-photo-206290.jpg");
                    	background-size: cover;




                    	.contBannerNinos {

                    		h2 {
                    			text-align: center;
                    			font-size: 85px;
                    			font-family: shadows;
                    			padding-top: 175px;    
                    			color: white !important;
                    		}

                    		.bNinos {
                    			background-color: transparent;   
                    			text-align: center;
                    			margin-left: -25px;
                    			color: white;
                    			font-size: 15px;
                    			font-family: allerr;
                    		}

                    		.bNinos span {
                    			color: white;
                    			font-family: allerr;
                    		}   

                    		.bNinos span a {
                    			color: white;
                    			font-family: allerr;
                    		}

                    		.breadcrumb span a:first-child::after {
                    			content: '';
                    			background-image: url(none) !important;
                    			background-position: center bottom;
                    			background-repeat: no-repeat;
                    			background-size: contain;
                    			height: 17px;
                    			width: 17px;
                    			position: absolute;
                    			left: 2px;
                    		}
                    	}

                    }

                    /* ======================== Explora Niños ================================*/


                    /* ======================== Footer Ninos ==============================================*/

                    .colorFooter{
                    	background-color: white;
                    }

                    .contFooter1 {
                    	height: 190px;
                    	/*background-color: aquamarine;*/

                    	.sedePrincipal {
                    		div {
                    			margin-top: 20px;
                    			font-size: 28px;
                    			color: #0077c0;
                    			font-family: shadows;
                    		}

                    		ul{
                    			li{ 
                    				p{
                    					margin-top: 0px;
                    					font-size: 14px; 
                    					font-family: allerr;
                    					color: #666666;
                    					margin-bottom: 5px;
                    				}
                    			}
                    		}
                    	}

                    	.canalesA {
                    		/*text-align: right;*/ 
                    		div {
                    			margin-top: 20px;
                    			font-size: 28px;
                    			color: #0077c0;
                    			font-family: shadows;
                    		}

                    		ul{
                    			li{
                    				p{
                    					margin-top: 0px;
                    					font-size: 14px; 

                    					font-family: allerr;
                    					color: #666666;
                    					margin-bottom: 5px;
                    				}
                    			}
                    		}
                    	}
                    }
 
                    .contFooter2 {
                    	width: 100%;
                    	display: inline-block;
                    	padding-top: 1.2%;
                    	height: 50px;
                    	border-top: solid 1px #0077c0;
                    	border-bottom: solid 1px #0077c0;
                    	margin-bottom: 35px;
                    	@media (min-width: 992px) and (max-width: 1199px){
                    		padding-bottom: 5%;
                    	}
                    	.colInfeOne {
                    		#ulInferiorN {
                    			display: block;
                    			padding: 0px !important;

                    			li{
                    				float: left;
                    				padding-right: 10px;
                    				border-right: solid 1px #666666;
                    				height: 20px;
                    				padding-left: 10px;

                    			}

                    			li:nth-child(1){
                    				padding-left: 0px;
                    			}

                    			p{
                    				font-size: 14px;
                    				color: #666666;
                    				font-family: allerr;
                    			}
                    		}
                    	}

                    	.colInfeTwo {

                    		.contardoV {
                    			color: #337ab7;
                    			font-size: 14px;
                    			float: right;
                    		}
                    	}

                    }
                    /* ======================== Footer Ninos ==============================================*/


                    /*********************** contenido informacion nilos ********************************/
                    section.conenidoNinos{

                    	ul {
                    		padding-left: 0px;
                    	}  

                    	.seccionGirl .contImgNina img {
                    		width: 294px;
                    	}

                    	.seccionGirl {
                    		padding: 0px;
                    		padding-top: 40px;
                    		padding-bottom: 40px;                   
                    		background-color: #ff940a;
                    		height: 284px;

                    		.contImgNina {
                    			position: absolute;
                    			width: 380px;
                    			height: 284px;
                    			background-color: #ff940a;
                    			left: 0px;  
                    			margin-top: -40px;
                    			overflow: hidden;
                    		}
                    	}
                    	.fondocontenido.container {
                    		position: relative;
                    		top: -224px;
                    		background: #fff;
                    		border-radius: 10px 10px 0px 0px;
                    		width: 65%;
                    		margin: 0 auto;
                    	}

                    	.contenidoinfo  h1 {
                    		font-size: 32px;
                    		text-align: left;
                    		color: #0077c0;
                    		font-family: shadows;
                    		line-height: 32px;
                    		font-weight: 700;
                    		margin-top: 37px;
                    		margin-left: 53px;

                    		&::before {
                    			content: '';
                    			background-image: url(/portal-ninos/Iconos%20Conocenos/dedo.svg);
                    			background-position: center bottom;
                    			background-repeat: no-repeat;
                    			background-size: contain;
                    			height: 70px;
                    			width: 70px;
                    			position: absolute;
                    			left: -11px;
                    		}
                    	}

                    	.contenidoinfo  h2 {
                    		font-size: 28px;
                    		text-align: left;
                    		color: #0077c0;
                    		font-family: shadows;
                    		line-height: 32px;
                    		font-weight: 700;
                    		margin: 37px 0px 11px 0px;

                    	}

                    	.contenidoinfo {
                    		width: 80%;
                    		margin: 0 auto;
                    		position: relative; 

                    		.magenInfo {
                    			margin-top: 76px;
                    		}
                    	}
                    }  
                    /*********************** fin contenido informacion nilos ********************************/
                    /*********************** FIN GLOSARIO NIÑOS********************************/

                    #contGlosarioNinos {

                    	.container.listglosario {
							    position: relative;
							    top: -224px;
							    background: #fff;
							    border-radius: 10px 10px 0px 0px;
							    width: 65%;
							    margin: 0 auto;
							}


                    	.fondoA {
                    		background: #e9b105;
                    		height: 268px;  
                    		content: "";
                    		background-image: url('/Style Library/plantilla/imagenes/fnd-lupa.png');
                    		background-repeat: no-repeat;
                    		background-position: right;
                    		background-size: contain;
                    	} 


                    	.contentlistagenteal {
                    		position: relative;
                    		width: 90%;
                    		margin: 0 auto;
                    	}

                    	h1 {
                    		font-size: 32px;
                    		text-align: left;
                    		color: #0077c0;
                    		font-family: shadows;
                    		line-height: 32px;
                    		font-weight: 700;
                    		margin-top: 37px;
                    	}





                    	.col-md-12 {
                    		padding: 0;
                    	}
                    	.titleFaq {
                    		font-size: 32px;
                    		font-weight: 600;
                    		margin-top: 25px;
                    		color: @fblue;
                    		font-family: ubuntumedium;
                    	}
                    	.descriFaq {
                    		font-size: 18px;
                    		margin-top: 20px;
                    		font-family: ubunturegular;
                    		color: #666666;
                    	}    
                    	.glosario {
                    		border-bottom: 1px solid #EAB201;
                    		border-top: 1px solid #EAB201;
                    		margin-top: 30px;
                    		background-color: #fff;  
                    	}


                    	.glosario>li>a {
                    		margin-right: 0px;
                    		border: none;
                    		font-size: 18px;  
                    		color: #0077c0; 
                    		font-family: shadows;
                    		font-weight: 700;
                    		padding: 10px 0px;
                    	}
                    	.glosario>li {  
                    		text-align: center; 
                    		font-weight: 600;
                    		display: inline-block;
                    		width: 3.3%;
                    	}  

                    	.nav > li > a:hover, .nav > li > a:focus {
                    		text-decoration: none;
                    		background-color: transparent;
                    	}



                    	.scroller {
                    		text-align:center;
                    		cursor:pointer;
                    		display:none;
                    		padding:7px;
                    		padding-top:11px;
                    		white-space:no-wrap;
                    		vertical-align:middle;
                    		background-color:#fff;                   		

                    	}



                    	.scroller-right{
                    		float:right;  
                    	}

                    	.scroller-left {
                    		float:left;
                    	}

                    	.col-md-12.listglosario {
                    		position: relative;
                    		background: #fff;
                    		border-radius: 10px 10px 0px 0px;
                    	}

                    	.scrollPreguntas {
                    		height: 116px;
                    		overflow-y: hidden;
                    		overflow-x: hidden;
                    		position: relative;
                    	}

                    	.nav-tabs{
                    		border-bottom: 1px solid #EAB201;
                    		border-top: 1px solid #EAB201;
                    		margin-top: 30px;
                    		background-color: #fff;  
                    	}




                    	.list {
                    		    position: absolute;
							    left: 0px;
							    top: 0px;
							    min-width: 100%;
							    margin-top: 0px;
                    	}


                    	.tab-content {
                    		margin-bottom: 50px;

                    		.tab-pane{
                    			.panel-group{
                    				ul {
									    padding: 0px;
									 li.dfwp-item {
										    margin-bottom: 50px;
										    margin-top: 35px;

										    h3 {
											    font-size: 29px;
											    font-family: shadows;
											}
											p { 
					                    		margin: 10px 0 10px 0px;
					                    		color: #666666;
					                    	}
										} 
									}

                    			}

                    		}
                    	}

   /* li.active {
        border-bottom: solid 1.5px black;
        }*/
        a.accordion-toggle {
        	padding-left: 10px;
        	font-weight: 600;
        }

        .glosario>li.active>a {
        	background-color: transparent !important;
        	color: #143d8d;
        	font-weight: 700;
        	text-decoration: underline;
        	font-size: 32px;
        	padding-top: 0px;
        }

        .panel {
        	margin-bottom: 0px;
        	background-color: #fff;
        	border: none;
        	border-radius: 0px;
        	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        }
        .panel-default>.panel-heading {
        	background-color: transparent;
        }
        .panel-heading {
        	padding: 25px 15px 25px 0px;
        }
    /*.panel-group .panel-heading {
        border-bottom: solid 1px ;
        border-color: #0177c0;
        }*/
        .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
        	border-top: none;
        }

        .panel-heading .accordion-toggle.collapsed:after {

        	/* symbol for "collapsed" panels */
        	content: "\e259";    /* adjust as needed, taken from bootstrap.css */
        	color: @gray-text;
        }

        .panel-heading .accordion-toggle:after {

        	/* symbol for "opening" panels */
        	font-family: 'Glyphicons Halflings';
        	content: "\e260";
        	color: @azulClaroaNegro;
        	font-size: 12px;
        	padding-top: 2px;      /* adjust as needed */
        	position: absolute;
        	right: 15px;
        }
    /*li.active {
        border-bottom: solid 2px @fblue;
        margin-bottom: -2px;
        }*/

        .panel-title{
        	font-size: 24px;
        	color: #0077c0;  
        	font-family: shadows;
        	font-weight: 300;
        	letter-spacing: normal;
        	padding-right: 25px;
        }

        .panel-title a{
        	color: #0077c0;
        	font-family: shadows;

        }

        p{
        	font-size: 18px;
        	color: #000;
        	font-weight: 300;
        }

        .panel-body {
        	font-size: 18px;
        }

        .dropdown-menu{
        	z-index:1100;
        }

        .dropdown-menu > li {
        	display: inline-block;
        	float:left;
        	width: 23%;
        }

        .dropdown-menu > li>a {
        	padding: 3px 13px !important;
        }
        .fondopig {
        	content: "";
        	background-image: url('/Style Library/plantilla/imagenes/fnd-glosario.png');
        	height: 289px;
        	background-repeat: no-repeat;
        	background-position: bottom;
        	background-size: contain;
        }

    }

    /*********************** FIN GLOSARIO NIÑOS********************************/









    /****************************************************************************************/
    /********************************CONTENT PAGE*****************************************/
    /****************************************************************************************/

    /*4. MENU CONTEXTUAL */
    #contentMnu > div {
    	width: 100%;

    }

    .subMenuImgIzq {
    	background-color: @grisMenuaNegro;
    	margin-top: 20px;
    }

    #contentMnu ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	width: 100% !important;
    }

    #contentMnu  #ctl00_PlaceHolderMain_MenuThirdLevel a {
			    text-decoration: none;
			    white-space: pre-line !important;
			    display: block;
			}

    #contentMnu{    	
    	

    	 a {
	    	text-decoration: none;
	    	white-space: initial !important;
	    	border-bottom: 1px solid #fff;
	    	white-space: pre-line;


	    	.level1 {
	    		text-decoration: none;
	    		border-style: none;
	    	}
	    }
    }

    a.level1 {
    	color: @azulClaroaNegro;
    	padding: 10px;
    	font-size: 14px;
    	background: @grisHoverMenuaBlanco;
    /*border-bottom: solid 1pt #dedee0 !important;
    border-top: solid 1pt #fefeff !important;   
    white-space: normal !important;*/

  }



a.level2 {
	font-size: 14px;
	padding: 10px 10px 10px 30px !important;
	color: @flight-blue;
    /*border-bottom: solid 1pt #dedee0 !important;
    border-top: solid 1pt #fefeff !important;
    white-space: normal !important;
    background: #fcfcfe;*/

    &:hover{
    	color: @azulClaroaNegro;
    	background: @grisHoverMenuaBlanco;
    }

    &:focus {
    	outline: none;
    }
}


.contentImage img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
}


/* 2. CONTENIDOS DE PAGINAS */
section#contenidomenuizquieda{
	margin-bottom: 40px;  
	.pegecontent {
		margin-bottom: 40px;      
	}

	.leyendaimgen .ms-rtestate-field p, .leyendaimgen p.ms-rteElement-P {
		margin: 0px 0px 10px 0px;
		line-height: 1.6;
		font-family: 'ubunturegular';
		font-size: 13px;
		padding-top: 10px;
	} 
	h1 {  
		font-size: 28px;            
		margin-top: 12px;
		margin-bottom: 31px;
	}
	.contentImage {  
		margin-bottom: 0px;
		img{
			width: 100%;
		}
	}

	.leyendaimgen p {
		margin-bottom: 35px !important;
	}

	.contentInfo{
		margin-bottom: 40px;
	}





	.contentInfo span.ms-rteFontSize-1 {
		color: @gray-text;
		font-size: 12px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}


	.contentInfo span.ms-rteFontSize-2 {
		color: @gray-text;
		font-size: 15px;
		ine-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-3 {
		color: @gray-text;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}


	.contentInfo span.ms-rteFontSize-4 {
		color: #666666;
		font-size: 24px;
		line-height: 28px;
		letter-spacing:normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-5 {
		color: #666666;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-6 {
		color: #666666;
		font-size: 48px;
		line-height: 32px;
		letter-spacing: normal;
		text-align: left !important;  
	}

	.calificacion{
		margin-top: 30px;
		margin-bottom: 35px;
		.rating{
			width: 88%;
		}

		.contBtnRedes{
			width: 12%; 
		}
	}   
  
}  

/* Arregla Contenido General */
section#contenidomenuizquieda.fixedSocialM{
	.containerTitle {
	    margin-top: 0px; 
	}
	.title-page{
		margin-bottom: 10px !important; 
	}

	.fechapage{
		margin-bottom: 50px;
	}

	.calificacion {
		.rating {
			width: 91%;
		}

		.contBtnRedes {
			width: 12%;
		}
	}
}
/* Arregla Contenido General */


section#contDetalleBoletin{

	.containerTitle {
		margin-bottom: 30px;
	}

	.calificacion {
		.rating{
			width: 91%;
		}

		.contBtnRedes{
			width: 12%;
		}
	}


	.icondescarga{

		position: relative;
		text-align: right;

		img {
			width: 63px;
			height: 58px;
		}
		a{
			display: inline-block;
		}
	}


	margin-bottom: 50px;

	.leyendaimgen .ms-rtestate-field p, .leyendaimgen p.ms-rteElement-P {
		margin: 0px 0px 10px 0px;
		line-height: 1.6;
		font-family: 'ubunturegular';
		font-size: 13px;
		padding-top: 10px;
	} 
	h1 {
		font-size: 28px;        
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.contentImage {
		margin-bottom: 0px;
		max-width: 20% !important;
		padding: 0px 0px 0px 0px !important;
		margin-right: 20px;
	}

	.botonDesVisu {

		width: 78%;
		height: 50px;
		position: absolute;
		right: 0;
		border-top: solid 2px @gray;
		margin-top: 20px;
	}



	.leyendaimgen p {
		margin: 0px !important;
	}

	.leyendaimgen .Legend {
		margin-bottom: 20px;
	}

	.contentInfo span.ms-rteFontSize-1 {
		color: @gray-text;
		font-size: 12px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}


	.contentInfo span.ms-rteFontSize-2 {
		color: @gray-text;
		font-size: 15px;
		line-height: normal;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-3 {
		color: @gray-text;
		font-size: 16px;
		line-height: normal;
		letter-spacing: normal;
		text-align: left !important;
	}


	.contentInfo span.ms-rteFontSize-4 {
		color: #666666;
		font-size: 24px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-5 {
		color: #666666;
		font-size: 24px; 
		line-height: normal;  
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-6 {
		color: #666666;
		font-size: 48px;
		line-height: 32px;
		letter-spacing: normal;
		text-align: left !important;
	}

}  

/*************************************************************/
/***********************WWIKI FOGACOOP**************************/
/*************************************************************/

.OcultaCargaImgSharepoitn {
    display: none;
}

section#contWiki{
	.contBtnRedes {   
    width: 12%;
    }
    .rating {    
    width: 91%;
} 

.detalleUserWiki{
	padding: 0px;
	li{
		span.texto{
			color:#0070b5;
		}
	} 
}


} 
/*************************************************************/
/***********************WWIKI FOGACOOP**************************/
/*************************************************************/


section.contSinImgSinMenu{
	.leyendaimgen .ms-rtestate-field p, .leyendaimgen p.ms-rteElement-P {
		margin: 0px 0px 10px 0px;
		line-height: 1.6;
		font-family: 'ubunturegular';
		font-size: 13px;
		padding-top: 10px;
	} 
	h1 {
		font-size: 28px;        
		margin-top: 12px;
		margin-bottom: 10px;
		/*margin-left: -15px;*/
	}
	.contentImage {
		margin-bottom: 0px;
	}

	.contentInfo {
		padding-right: 18%;
		text-align: left;
	}


	.leyendaimgen p {
		margin-bottom: 35px !important;
	}




	.leyendaimgen .Legend {
		margin-bottom: 20px;
	}



	.contentInfo span.ms-rteFontSize-1 {
		color: @gray-text;
		font-size: 12px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}


	.contentInfo span.ms-rteFontSize-2 {
		color: @gray-text;
		font-size: 15px;
		ine-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-3 {
		color: @gray-text;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}


	.contentInfo span.ms-rteFontSize-4 {
		color: #666666;
		font-size: 24px;
		line-height: 28px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-5 {
		color: #666666;
		font-size: 24px;
		line-height: 32px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.contentInfo span.ms-rteFontSize-6 {
		color: #666666;
		font-size: 48px;
		line-height: 32px;
		letter-spacing: normal;
		text-align: left !important;
	}

	.rating {
		width: 91%;
	}

	.contBtnRedes {
		width: 12%;
	}

}  

/* Arregla Contenido sin Imgane sin Menu */ 
.fixedConteSinImg{

	.calificacion{
		.rating{

		}

		.contBtnRedes{

		}
	} 

	.box-authenticate{
		margin-top: 30px;
	}

	.contentInfo{
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.formatoDocumento img {
		width:  35px;
	}

	ul.listadoDocumentosNoDescripccion li {
		margin-bottom:  25px;
	}
}
/* Arregla Contenido sin Imgane sin Menu */


section#ContenidoLanding {
	h1 {
		font-size: 28px;        
		margin-bottom: 2px;
	}

	.fechArticulo span {
		color: #666666;
		font-size: 13px;
		line-height: 32px;
		text-align: left !important;
	}

	.fechArticulo {
		margin-bottom: 10px; 
	}

}   




/****************************************************************************************/
/********************************FBA AUTENTICATE*****************************************/
/****************************************************************************************/

.box-mensaje {
	font-family: 'ubunturegular';
	font-size: 15px;
	color: #666666 !important;
	letter-spacing: normal;
	line-height: 19px;
	text-align: center;
	margin-bottom: 40px;
	width:  40%;
	margin-top:  15px; 
	text-align: left;
	margin-left: 12px;

	span.coreo {
		color: #0177c0;
	}
}

.box-authenticate {

	border-top: solid 1px rgba(151, 151, 151, 0.32);
	text-align: center;
	margin-bottom: 25px;  
	margin-top: 18px;
	clear: both;
	display:  block;

	p {
		font-family: 'ubunturegular';
		font-size: 15px;
		color: #666666 !important;
		letter-spacing: normal;
		line-height: 28px;
		margin: 0px;
		width:  60%;
		float:  right;
		margin-top:  30px;

		text-align: left;
		border-left: 1px solid #d8d7d7;
		margin-top: 21px;
		padding: 6px;

	}
	small {
		font-family: 'ubunturegular';
		font-size: 15px;
		color: #666666 !important;
		letter-spacing: normal;  
		line-height: 28px;
		display:  none;
	}


	.box-login a span.IniciarSesion {
		color: #fff;
		background: #143d8d;   
		padding: 9px 28px;
		border-radius: 3px;
		display: inline-block; 
		margin-right: 15px;
		font-size: 14px;
		letter-spacing: normal;
		line-height: 22px;

	}

	.box-login a {
		display:inline-block;

	}

	.box-login  {
		padding-top: 10px;
		width:  40%;
		margin-top:  10px;

	}

	.box-login a span.registrar {
		color: #fff;
		background: #0070b5;
		padding: 9px 28px;
		border-radius: 3px;
		display: inline-block;
		margin-right: 15px;
		font-size: 14px;
		letter-spacing: normal;
		line-height: 22px;

	}


}

/****************************************************************************************/
/********************************ADMIN CHAt*****************************************/
/****************************************************************************************/

section#adminchat{

	.coninfochat iframe {
	    width: 100%;
	} 

	.calificacion {
		.rating{
			width: 91%;
		}

		.contBtnRedes{
			width: 9%; 
		}
	}

	ul.dfwp-list{   

		.link-item {
			background: #EBF2FA;
			min-width: 100%;
			max-width: 100%;
			height: 69px;   

			a{

				color: #143d8d !important;
				font-size: 14px;
				text-transform: uppercase;
				text-align: left;
				font-family: ubuntumedium;  
				position: absolute;
				padding-top: 26px;
			}                 
		}

		.link-item:before {                      
			content: "";
			position: absolute;
			top: 43px;
			right: 33px;
			border-width: 0 16px 16px 0;
			border-style: solid;
			border-color: #0177c0 #fff;

		}


		li.contAdmin {  

			position: relative;
			padding: 37px 34px 0px 16px;


			.item a img.image {
				z-index: 100;
				position: relative;
				width: 137px;
				height: 137px;
				top: -30px;
				left: -30px;
			}


			.image-area-left {
				padding-right: 0px;
			}
		}
	}    
}


/****************************************************************************************/
/********************************BLOG*****************************************/
/****************************************************************************************/
section#migadepan .menuuno {
	display: none;
}









div#blogcontainer { 

	.box-authenticate{
		margin-bottom: 35px;
		margin-top: 35px;
	}
	margin-top: 40px;

	.ms-comm-likesImgContainer img {
		margin-top:  -10px;
	}

	.info_text.text-center {
		display: none;
	}

	h1.titleBlof {
		margin-top: 0px;
	}

	#sideNavBox{
		display: block !important;
		width: 100%;
		margin: 0px;
	}


	.box-login span.registrar {padding: 9px 35px;}

	.box-login a {
		margin-bottom: 15px;
	}

	.ms-blog-listMenu-root {
		width: 100%;
	}

	.ms-blog-postBoxMargin h2 a {
		color: @fblue !important;
		font-size: 18px;
		text-align: left;
		line-height: 1.6px;
		font-family: ubuntumedium;

	}


	ul.static.ms-blog-listMenu-root.ms-core-listMenu-root.root li span {
		padding: 7px 10px;
		background: #eaeaea;
		border-bottom: 2px solid #fff;
		font-family: @monse-semibold;
		font-size: 14px;
		color: @fblue;
		line-height: 22px;
		text-align: left;
	}

	.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header {
		padding: 7px 10px;
		background: #eaeaea;
		border-bottom: 2px solid #fff;
		font-family: @monse-semibold;
		font-size: 14px;
		color: @fblue;
		line-height: 22px;
		text-align: left;

	}

	.ms-noList ul.static li.static {

		background: #f7f7f7;
		font-family: @monse-medium;
		font-size: 14px;
		color: #7c828e !important;
		line-height: 30px;
	}     

	li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
		background-color: #eaeaea;
		background-color: #eaeaea;
		color:@fblue;
	} 

	/************************************************/

	.menuuno {          
		padding-left:0px;    
	}



	.ms-blog-postList {
		padding: 0px;
		list-style-type: none;
		margin-top: 0px;
		margin-bottom: 0px;
		min-width: 100%;
		max-width: 100%;
	}


	.ms-blog-postBox {
		padding: 32px 0px 0px 0px;
		padding-left: 0px;
		border-radius: 2px;
		overflow: visible;
		background-color: #ffffff;
		box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.07);
		border: solid 1px #e4e4e4;
	}


	.ms-metadata, .ms-descriptiontext {
		font-family: @monse-medium;
		font-size: 16px;
		color: #666666 !important;
		line-height: 28px;
		text-align: left;
	}


	.ms-blog-postBoxMargin h2 {
		margin-top: -11px;
	}


	.ms-blog-postBoxDate .ms-textSmall {
		font-size: 16px;
		letter-spacing: normal;
		font-family: @monse-semibold;
		font-weight: normal !important;
	}


	.ms-blog-postBoxDate .ms-blog-dateText {
		font-weight: normal !important;
		font-size: 18px;
		text-align: center;
		letter-spacing: normal;
		font-family: @monse-semibold;
	}


	.ms-blog-postBoxDate {
		color: #fff;
		background-color: #0177c0;
		width: 77px;
		height: 61px;
		border-style: solid;
		border-width: 1px;
		border-color: #0177c0;
		float: left;
		text-align: center;
	}



	.ms-rtestate-field p, p.ms-rteElement-P span {
		font-family: @monse-medium;
		font-size: 16px;
		color: #666666 !important;
		line-height: 28px;
		text-align: left;
	}


	div#WebPartWPQ14_ChromeTitle span {
		padding: 7px 10px;
		background: #eaeaea;
		border-bottom: 2px solid #fff;
		font-family: @monse-medium;
		font-size: 14px;
		color: @fblue;
		line-height: 22px;
		text-align: left;
		margin-bottom: 0px !important;
	}

	.ms-webpart-chrome-title {
		vertical-align: middle;
		position: relative;
		margin-bottom: -4px;
	}

	span#WebPartTitleWPQ14 h2 {
		margin: 0px;
	}


	h2.ms-webpart-titleText {
		margin: 0px !important;
		padding: 7px 10px !important;
		background: #eaeaea !important;
		font-size: 14px !important;
		line-height: 22px !important;

		span {
			color: @fblue;
			font-family: @monse-semibold;
		}
	}



	.ms-blog-postBoxMargin {
		margin-left: 88px;
		padding-right: 32px;
	}

	.ms-blog-postComments {
		padding-top: 0px;
	} 

	.footer {
		height: 63px !important;
		border-radius: 0px 0px 0px 0px;
		background-color: @lightGreyblog;
		border: solid 1px @border;

		.footerinfo {
			margin-left: 88px;
			padding-top: 14px;

			a {
				color:  @flight-blue;
			}
		}
	}




	.ms-blog-adminLinks {
		background-color: #f8f9f9;
		padding: 9px 14px 10px 14px;
		min-width: 100%;
		display: inline-block;
		margin-bottom: 6px;
	}

	.ms-comm-adminLinksListItem a {
		background: #f7f7f7;
		font-family: @monse-medium;
		font-size: 14px;
		color: #0077c0!important;
		line-height: 30px;
	}


	.ms-blog-postHeader {
		font-family: @monse-medium;
		font-size: 16px;
		color: #666666 !important;
		line-height: 28px;
		text-align: left;
		top: -35px;
		position: relative;
	}



} 

/****************************************************************************************/
/********************************Atencion Cidadana*****************************************/
/****************************************************************************************/






section.atencionCiudadana {
	    margin-bottom: 40px;
	.containerTitle {
		    margin-top: 0px;

		h1{
			  margin-top: 15px;
		}
		.fecha {        
			margin-bottom: 38px;
			color: @fblue;
			text-align: left;
			font-family: 'ubuntumedium';
		}
	}

	.pageatecion {
		padding-left: 103px;

		.titleitem h2 a{            
			margin: 0px;
			color: @black;
			font-size: 23px;
			text-decoration: none;
		}

		.titleitem {
			border-top: 1px solid @lightGrey;
			padding-top: 20px;
			margin-bottom: 25px;
		}


		.infoInteres .titleitem {
			border-top: 0px solid #d5d5d5;
		}

		.contentAtencion {
			padding-left: 15px;


		}

		.contentAtencion .row {
			margin-bottom: 20px;
		}



		.iconatencion {
			padding: 0px;

			ul.atencionc {
				margin: 0px;
				padding: 0px;
				float: left;

				li.dfwp-item {

					.iconAtencion {

						.imgatencion {
							height: 153px;
							width: 157px;
							display: block;
							background: @gray;
							border-radius: 50%;
							margin: 0 auto;
							box-shadow: 0px 3px 6px @lightGrey;


							img {
								width: 50%;
								margin: 0 auto;
								padding-top: 12%; 
							}

							a{
								font-size: 0px;
							}

						}
					}
				}
			}   

		}

		.itemscategoria   {         

			ul.atencionItem {
				margin: 0px;
				padding: 0px;
				width: 100%;


				li.dfwp-item {                      
					list-style: disc;
					display: inline-block;
                            /*width: 33%;
                            padding-left: 15px;
                            position: relative;*/

                            &::before {
                            	content: "•";
                            	margin-right: 10px;
                            	height: 12px; 
                            	position: absolute;
                            	left: 5px;
                            	font-size: 25px;
                            	top: 10px; 
                            	color:@flight-blue;
                            }

                            a {

                            	text-decoration: none;
                            }
                        }

                        span.read-more .masver {
                        	height: 46px;
                        	float: right; 
                        	transform: rotate(90deg);

                        }

                        span.read-more .menosver  {
                        	height: 46px;
                        	float: right;
                        	transform: rotate(270deg);


                        }

                        .box-canal {
                        	margin-top: 10px;

                        	span {
                        		letter-spacing: normal;
                        		color:@flight-blue;
                        		font-family: 'ubuntumedium';
                        		line-height: normal;;
                        		margin-left: 7px

							}
							a{
								letter-spacing: normal;
                        		color:@flight-blue;
                        		font-family: 'ubuntumedium';
                        		line-height: normal;;
								margin-left: 7px;
								margin-bottom: 3px;
								margin-top: 14px; 
								display: block;
								height: 37px;
							}


                        }

                        
                    }
                }   

            }
        }




        /****************************************************************************************/
        /********************************DIRECTORIO ACRIVIO*****************************************/
        /****************************************************************************************/
        section#DirectorioAd {
        	.calificacion{
        		.rating{
        			width: 91%;
        		}

        		.contBtnRedes{
        			width: 12%;
        		}
        	}

        	margin-bottom: 45px;

        	ul {
        		margin-bottom: 40px;       
        		padding: 0px;  

        		img {

        			width: 68%;
        			margin: 0 auto;
        		}    


        		li.dfwp-item {float: left;overflow: hidden; position: relative;margin-bottom: 40px;}


        		.description { 
        			background-color: rgba(0, 0, 0, 0.7);  
        			border-top: 1px solid @colorWhite;
        			letter-spacing: normal;
        			line-height: 18px; 
        			padding: 10px 17px;             
        			line-height: 20px;              
        			color: white;
        			text-align: center;                        
        			height: 220px;
        			min-height: 163px;
        			width: 68%;
        			margin: 0 auto;

        			.titulo{
        				font-size: 18px;
        				padding: 10px 0px;
        				font-weight: 700;
        			}

        			.cargoActual{
        				font-size: 16px;
        				padding: 10px 0px;
        			}

        			a{
        				font-size: 16px;
        				text-decoration: none;  
        				color:@colorWhite;
        			}

        		}

        	}

        	.descargaDocumento a img {
        		width: 50% !important;
        	}

        }




        /****************************************************************************************/
        /********************************DIRECTORIO ACRIVIO DETALLE*****************************************/
        /****************************************************************************************/
        section#DirectorioDetalle {
        	margin-bottom: 45px;
        	.calificacion{
        		.rating{
        			width: 91%;
        		}

        		.contBtnRedes{
        			width: 12%;
        		}
        	}

        	div#title-page {
        		margin: 30px 0px;
        	}
        }

        /*=======================================================================================*/
        /*====================COLOCAR UN CURSOR EN LOS BOTONES PARA COMPARTIR======================*/
        /*=======================================================================================*/
        .facebookShareButton{
        	cursor: pointer;
        }

        .twitterShareButton{
        	cursor: pointer;
        }

        .linkedinShareButton{
        	cursor: pointer;
        }

        /*CAMBIAR EL TAMAÑO DE LAS ESTRELLAS*/

        .cambioColorEstrellas {
        	min-width:18px;
        	max-width:18px;
        }


        /*=========================================================================================================*/
        /*=======================================DETALLE VIDEOS=====================================================*/
        /*=========================================================================================================*/
        section#detalleVideo {

        	img.center-block.img-responsive {
        		width:  100%;
        	}

        	#title-page{ 
        		h1{
        			margin-bottom: 0px; 
        		}
        	}

        	.calificacion {
        		.rating{
        			width: 91%;
        		}

        		.contBtnRedes{
        			width: 12%;
        		}
        	}

        	.fechaalbum {
        		font-size: 18px;
        		color: @fblue;
        		line-height: 32px;
        		text-align: left;
        		font-family: @monse-medium;
        	}

        	.portadadetalle {

        		.listavideos {

        			margin-top: 40px;

        			ul {
        				width: 80%;
        				margin: 0 auto;
        				padding: 0px;
        				background: @gray;


        				.descripccionVideo p {
        					padding: 30px;
        					margin-bottom: 0px;
        				}
        			}

        		}

        		.listavideos ul li .contVideoDeta{
        			width: 80%;
        			margin: 0 auto;
        		}

        		.embed-responsive-16by9 {
        			width: 80%;
        			margin: 0 auto;

        			iframe {
        				padding-bottom: 10%;
        			}
        		}

        		.imagenvideo {
        			display: none;
        		}

        	}


        	.listadetalle {       

        		margin-top: 40px;
        		margin-bottom: 40px;

        		.descripccionVideo {
        			display: none;
        		}

        		.embed-responsive-16by9 {
        			display: none; 
        		}     

        		.titulo {
        			color: @colorWhite;
        			height: 52px;
        			padding: 10px;
        			position: relative;
        			bottom: 52px;
        			opacity: 0.55;
        			background-color: #000000;
        			text-transform: uppercase;
        			font-size: 14px;
        			line-height: 13.6px;
        			font-family: @monse-medium;
        			padding-top: 7px;
        		}

        		.imagenvideo {  
        			cursor: pointer;            
        			position: relative;
        		}

        		.listavideos ul {
        			padding: 0px;
        			margin: 0px;
        		}

        		.ms-rtestate-field h2 {
        			margin-top: 0px;
        			margin-bottom: 15px;
        			font-size: 32px;
        			color: @fblue;
        			text-align: left;
        			letter-spacing: 0px;
        		}  

        		.listavideos ul li:first-child .imagenvideo {
        			margin-left: -15px;   
        		}
        	}

        }


        /*=========================================================================================================*/
        /*=======================================DETALLE AUDIOS=====================================================*/
        /*=========================================================================================================*/

        section#audios {

        	.calificacion {
        		.rating{
        			width: 91%;
        		}

        		.contBtnRedes{
        			width: 12%; 
        		}
        	}

        	.fecha {
        		font-size: 18px;
        		color: @fblue;
        		line-height: 32px;
        		text-align: left;
        		font-family: @monse-medium;
        	}

        	.contenedoraudio {
        		width: 80%;
        		margin: 0 auto;  
        		padding: 0px;
	      		position: relative;
				margin-top: 70px;
				margin-bottom: 42px;
				padding-bottom: 30px;
        	}

			.audiodestitle {
				width: 80%;
    			margin: 0 auto;
			}

        	.descripcionAudio {
				padding: 0px 35px;
				margin-bottom: 0px;
				max-height: 189px;
				width: 88%;
				overflow: auto; 
				margin: 0 auto;			
        	}

        	div#audioWrap {
        		width: 80%;
        		margin: 0 auto;
        		padding: 0px;			
				padding: 6% 0% 0% 0%; 
        	}


        	.ms-rtestate-field h2 {
        		margin-top: 0px;
        		margin-bottom: 15px;
        		font-size: 32px;
        		color: @fblue;
        		text-align: left;
        		letter-spacing: 0px;
        		line-height: 30px;
        	}

        	ul {
				width: 70%;
				margin: auto;
				margin-bottom: 8rem;
				li{
					list-style-type: none;
					.lista-campana{
						display: flex;
						align-items: flex-end;
						width: 100%;
						padding: 15px;
					}
					.lista-campana-div {
						
						position: relative;
						font-size: 17.5px;
						line-height: 19.7px;
						font-family: @monse-medium;
						display: flex;
						border-bottom: 1px solid @fblue;
						strong{
							padding-right: 10px;
							color: @gray-text;
							font-weight: 700;
						}
						.fecha{
							align-self: flex-end;
						}
						.audioName{
							color: @fblue;
							width: 100%;
						}
						.audiosplay{
							width: 50px;
							height: 50px;
							margin-right: 10px;
						}
				} 
				}
        	}
        }  

        /*=========================================================================================================*/
        /*=======================================TRANSPARENCIA=====================================================*/
        /*=========================================================================================================*/

        #contenidoTransparencia .containerTitle{
        	padding-bottom: 36px;
        	    margin-top: 0px !important;
        }

           	div#contenedortransparencia {
		    float: left;
		    width: 100%;		    
		    border-bottom: 30px;
		}

/*#contenidoTransparencia a.accordion-toggle {
    padding-left: 10px;
    display: -webkit-inline-box;
    margin-bottom: -25px;
    }*/

    a .ms-webpart-zone{
    	font-size: 18px;
    	color: #143d8d;
    	letter-spacing:normal;  
    } 

    #contenidoTransparencia {


    	.subMenuNorma {
    		background-color: lightgray;
    		margin-top: 30px;
    		width: 90%;
    		height: 200px;
    	}
    	.tituloNorma {

    		/*background-color: chartreuse;*/
    		font-size: 20px;
    		font-weight: 600;
    		margin-top: 15px;
    		font-size: 32px;
    		font-family: ubuntumedium;
    		color: @fblue;
    	}
    	.fechaNorma {
    		font-size: 18px;
    		font-family: ubunturegular;
    		color: @fblue;

    	}

    	.barraNorma {  

    		font-family: ubunturegular;
    		font-size: 18px;
    		line-height: 28px;
    		letter-spacing: normal;
    		text-align: left;
    		color: #666666;
    		padding: 14px 0px 14px 0px;

    	}

    	.encabezado{
    		background-color: #eef3fd;
    		font-family: ubunturegular;
    		font-size: 18px;
    		line-height: 28px;
    		letter-spacing: normal;
    		text-align: left;
    		color: #666666;
    		padding: 10px 0px 10px 0px;
    		margin-bottom: 10px;

    		.publicacion {
    			text-align: right;
    		}

    		.nombre span {
    			padding-right: 20%;
    		}
    		.descripccion {
    			text-align: center;
    		}

    	}

    	.glyphicon{
    		font-size: 16px;
    		margin-top: 3px;
    		margin-left: 5px;

    	}


    	/*Estilos Acordeon*/

    	.panel-title{
    		font-size: 18px;
    		font-family: ubuntumedium;
    		color: @fblue;
    		letter-spacing: normal;

    	}

    	ul.content {
    		padding-left: 0px; 
    		margin-top: 40px;
    		margin-bottom: 40px;

    	}

    	ul.content li:nth-child(even) .row {
    		background: #eef3fd;
    		padding-top:20px;   
    		padding-bottom: 20px;           
    	}


    	.panel-heading .accordion-toggle.collapsed:after {
    		color: #0177c0;
    	}

    	.panel-heading .accordion-toggle:after {
    		color: #0177c0 !important;
    	}

    	.panel-heading .accordion-toggle:after {

    		/* symbol for "opening" panels */
    		font-family: 'Glyphicons Halflings';
    		content: "\e114";
    		color: grey;
    		font-size: 10px;
    		padding-top: 2px;      /* adjust as needed */
    		position: absolute;
    		left: 4px;  
    	}
    	.panel-heading .accordion-toggle.collapsed:after {

    		/* symbol for "collapsed" panels */
    		content: "\e080";    /* adjust as needed, taken from bootstrap.css */
    	}
    	a.accordion-toggle {
    		padding-left: 0px;
    	}
    	.panel {
    		margin-bottom: 10px;
    		background-color: #fff;
    		border: none;  
    		border-radius: 0px;
    		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    	}
    	.panel-default>.panel-heading {
    		background-color: transparent;
    	}
    	.panel-group .panel-heading {
    		border-bottom: solid 1px;
    		border-color: #0177c0;
    		padding: 1px 0px 12px 30px; 
    	}
    	.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    		border-top: none;
    	}



    	.contDocs{
    		font-family: @monse-medium;
    		font-size: 16px;
    		line-height: 28px;
    		letter-spacing: normal;
    		text-align: left;
    		color: @gray-text;

    		.columnasListaDocumentos{
    			margin-bottom: 15px;
    		}


    		.nombreDocumento{
    			word-wrap: break-word; 
    		}

    		.sizeDocumento{
    			padding-top: 5px;
    		}

    		.formatoDocumento img{
    			width: 48px;
    			height: 48px;
    		}

    		.imagenesPredefinidasDocumento{

    			.verDocumento img{
    				width: 48px;
    				height: 48px;
    			}

    			.descargarDocumento img{
    				width: 48px;
    				height: 48px;
    			}
    		}
    		.formatoDocumento {
    			padding-left: 0px;
    		}

    		.nomdocumento{
    			padding-left: 0px !important;
    		}
    		.descocumento{
    			padding-right:0px !important;
    		}


    	}  
    }

    .listTransparencia {

    	margin-left: -2%;

    	span{
    		letter-spacing: -0.5px;
    		color: #0077c0;
    		font-family: 'ubuntumedium';
    		line-height: 1.78px;
    		margin-left: 7px;

    		&::before{
    			content: "•";
    			color: #0077c0;
    			padding-right: 1%;
    		}
    	}
    }





    /******************************************************/
    /***********************FORO LISTADO********************/
    /******************************************************/
    .listadoForo {

    	.rating{
    		width: 91%;
    	}

    	.contBtnRedes{
    		width: 12%;
    	}


    	.ms-webpart-chrome.ms-webpart-chrome-vertical.ms-webpart-chrome-fullWidth {       
    		margin-bottom: 40px !important;
    	}

    	.ms-webpart-chrome-vertical {
    		display: block;
    	}

    	.foros .ms-webpart-chrome-fullWidth {
    		min-width: 0%;
    	} 



    	.imgforo{
    		content: '';
    		background-image: url('/Style Library/plantilla/imagenes/foro2.png');
    		background-position: right center;
    		background-repeat: no-repeat;
    		background-size: 50px 50px;
    		height: 57px;
    		background-color: @gray;
    	}

    	margin-top: 25px;

    	.row{
    		margin: 0px;
    	}

    	.contTitulo {
    		padding: 0px;

    		h1{
    			font-size: 32px;
    			font-family: ubuntumedium;
    			text-align: left;
    			color: @fblue;
    			margin-top: 0;
    			margin-bottom: 0px;
    		}

    		.fecha {
    			font-size: 18px;
    			color: @fblue;
    			line-height: 32px;
    			text-align: left;
    			font-family: 'ubunturegular'; 
    		}
    	}


    	.row:nth-child(1) {
    		margin-bottom: 20px;
    	}



    	.superContForo{
    		margin-bottom: 50px;
    		.logoForo{
    			padding: 10px 5px;
    			position: relative;
    			float: left;
    			background-color: @colorfondomenu;
    			.icon{
    				height: 50px;
    				background-color: blue;
    				width: 60px;
    				right: 0;
    				background: url("/sites/intranet/Style Library/Intranet-Fogacoop/img/foro.png") no-repeat center center;
    				background-size: contain;
    				float: right;
    			}
    		}

    		.foros{

    			img.ms-ellipsis-icon {
    				filter: sepia(100%) hue-rotate(518deg) saturate(500%);
    			} 

    			.ms-pivotControl-surfacedOpt {
    				font-family: ubunturegular;
    				font-size: 16px;
    				color: @fblue;      
    				text-decoration: underline;          
    			}

    			.ms-pivotControl-surfacedOpt-selected {
    				font-family: ubunturegular; 
    				font-size: 16px;
    				color: @colorTextBlue;                
    			}

    			.ms-textLarge {
    				font-family: ubuntumedium; 
    				font-size: 16px;
    				color: @fblue;                 
    			}

    			.ms-comm-postBody {
    				font-family: ubunturegular;
    				font-size: 16px;                
    				color: @gray-text;
    			}

    			.ms-pivotControl-surfacedOpt:hover {
    				color: @activea; 
    			}

    			.ms-comm-metalineList { 
    				padding-left: 10%;
    			}

    			.ms-comm-postMainContainer { 
    				padding-left: 5%;
    			}

    			.ms-comm-refreshIcon-a {
    				width: 20px;
    				height: 20px;
    				/* background-color: aqua; */
    			}

    			.ms-comm-refreshIcon {
    				width: 320px; 
    				top: -185px;
    				left: -5px; 
    			}
    		}
    	}

    }




    /******************************************************/
    /***********************FORO DETALLE*******************************/
    /******************************************************/

    .menuuno div#sideNavBox {
    	display: none;
    }


    .superContDForo{
    	margin-top: 50px;
    	.contIcon {
    		padding: 10px 5px;
    		position: relative;
    		float: left;
    		background-color: @gray;

    		.icon {
    			height: 50px;
    			width: 60px;
    			right: 0;
    			background: url("/Style Library/plantilla/imagenes/foro.png") no-repeat center center;
    			background-size: contain;
    			float: right;
    		} 
    	}



    	.contForoG{
    		.ms-comm-postRootContainer {
    			margin-top: 0px;
    		}

    		.ms-textXLarge {
    			font-family: ubuntumedium;
    			font-size: 18px;              
    			color: @fblue;
    		}   

    		.ms-comm-postExpander {
    		}

    		.ms-WPBorder {
    			border: 0px solid #c6c6c6 !important;
    		}

    		.ms-comm-statsInlineContainer {
    			margin-top: 0px;
    			margin-bottom: 15px;
    		}

    		.ms-metadata.ms-comm-statsInlineContainer .ms-comm-statsInline {
    			font-size: 14px;
    			font-family: ubunturegular;
    		}

    		.ms-comm-rootPostContainer .ms-comm-authorTitle > .ms-imnSpan > a{
    			font-family: ubuntumedium;font-size: 18px;color: @fblue;
    		}



    		.ms-comm-rootPostContainer .ms-core-defaultFont p {
    			font-size: 18px;
    			font-family: ubunturegular;
    			color: @gray-text;
    		}

    		.ms-comm-replyHeader span {
    			font-family: ubunturegular;
    			font-size: 18px;
    			color: @gray-text;
    		}

    		.ms-pivotControl-surfacedOpt-selected {
    			font-size: 16px;
    			font-family: ubuntumedium;
    			color:  @gray-text;
    			font-weight: 100;
    		}

    		.ms-pivotControl-surfacedOpt-selected:hover {
    			font-size: 16px;
    			font-family: ubuntumedium;
    			color: @gray-text;
    			font-weight: 100;
    		}

    		.ms-pivotControl-surfacedOpt { 
    			font-size: 16px;
    			font-family: ubuntumedium;
    			color: @gray-text;
    		}

    		.ms-comm-postMainContainer {
    			font-size: 18px;
    			font-family: ubunturegular;  
    			color: #666666;
    		}

        /*.ms-subtleLink {
            color: #666666 !important;
            }*/

            .ms-comm-postReplyButton {
            	background: @colorTextBlue !important;
            	font-size: 12px;
            	color: white !important;
            	text-transform: uppercase;
            	height: 40px;
            	float: right;
            	font-family: ubuntumedium !important;
            	margin: 0;
            	margin-top: 15px;
            	margin-bottom: 50px;
            	width: 150px;
            	border-radius: 5px;
            }

            .comentarios {
            	font-family: ubuntumedium;
            	font-size: 18px;
            	color: @azulClaroaNegro;
            }

            .ms-comm-postExpanderCollapseContainer {
            	width: 25px;
            	/* background-color: aquamarine; */
            	height: 15px;
            }

            .ms-comm-postExpanderCollapse {
            	position: absolute;
            	left: -251px;
            	top: -180px;
            	width: 350px;
            	filter: sepia(100%) hue-rotate(166deg) saturate(540%);
            }

            .ms-comm-postExpanderExpand {
            	position: absolute;
            	left: -91px;
            	top: -306px;
            	width: 350px;
            	filter: sepia(100%) hue-rotate(166deg) saturate(540%);
            }

            .ms-comm-postExpanderExpandContainer { 
            	height: 15px;
            	width: 25px;
            }

            .ms-comm-postExpander {
            	margin-top: -22px;
            }
        }

        .volver a{ 
        	font-family: ubuntumedium;
        	font-size: 18px !important;
        	color: @azulClaroaNegro;
        	cursor: pointer;
        	margin-top: 10px;


        }


        .registrar{
        	padding: 9px 34px !important; 
        }

        h1.titulo {
        	font-size: 32px;
        	font-family: ubuntumedium;
        	text-align: left;
        	color: @colorTextBlue;
        	margin-top: 0;
        	margin-bottom: 50px;
        }
    }



    /******************************************************/
    /***********************LISTADO DE DOCUEMENTOS********/
    /******************************************************/
    #listadoDocumentos {
    	clear: both;
    	margin-bottom: 40px;

    	.panel-title {
    		font-size: 18px;
    		font-family: @monse-semibold;
    		color: @fblue;
    		letter-spacing: normal;
    		margin: 0px;         
    	}

    	.panel {   
		    -webkit-box-shadow: 0 1px 1px #fff;
		    box-shadow: 0 1px 1px #fff;
		}


		.panel-default {
		    border-color: #fff !important;
		}


    	.panel-heading {
    		border-bottom: solid 0px;
    		border-color: #fff;
    		border-color: transparent;
    		/*padding: 2% 0% 3% 4%;*/
    		background-color: #fff;

    		
    		a{
    			display: block;   			

    			h2{
		    			margin: 0px;

		    			&:after {
						    font-family: 'Glyphicons Halflings';
						   
						    color: #666666;
						    font-size: 12px;
						    padding-top: 2px;
						    position: absolute;
						    font-weight: bold;
						    right: 15px;
						     content: "\e260";
						    
						}

						 br{
							display:none;
							}
		    		}

    		}




    		a.collapsed{
    			h2{
		    			margin: 0px;

		    			&:after {
						    font-family: 'Glyphicons Halflings';
						     color: @azulClaroaNegro;
						    font-size: 12px;
						    padding-top: 2px;
						    position: absolute;
						    font-weight: bold;
						    right: 15px;						   
						    content: "\e259";
						}
		    		}  
		    		br{
					display:none;
				}

    		}
    		

    	}


    	/*.panel-collapse.collapse.in{
    		border-bottom: 1px solid #666666;

    	}*/

    	.containerTitle{
    		margin-top: 30px;
    	}

    	


    	.panel-heading .accordion-toggle.collapsed:after {
    		content: "\e080";
    	}

    	.panel-heading .accordion-toggle.collapsed:after {
    		color: @azulClaroaNegro;
    	}

    	.panel-heading .accordion-toggle:after {
    		font-family: 'Glyphicons Halflings';
    		content: "\e114";
    		color: @azulClaroaNegro;
    		font-size: 10px;
    		padding-top: 2px;
    		position: absolute;
    		left: 5px;
    	}

    	.subMenuNorma {
    		background-color: lightgray;
    		margin-top: 30px;
    		width: 90%;
    		height: 200px;
    	}
    	.tituloNorma {

    		/*background-color: chartreuse;*/
    		font-size: 20px;
    		font-weight: 600;
    		margin-top: 15px;
    		font-size: 32px;
    		font-family: ubuntumedium;
    		color: @fblue;
    	}
    	.fechaNorma {
    		font-size: 18px;
    		font-family: ubunturegular;
    		color: @fblue;
    		margin-bottom: 50px;

    	}

    	.barraNorma {  

    		font-family: ubunturegular;
    		font-size: 18px;
    		line-height: 28px;
    		letter-spacing: normal;
    		text-align: left;
    		color: #666666;
    		padding: 14px 0px 14px 0px;

    	}

    	.encabezado{
    		background-color: #eef3fd;
    		font-family: ubunturegular;
    		font-size: 18px;
    		line-height: 28px;
    		letter-spacing:normal;
    		text-align: left;
    		color: #666666;
    		padding: 10px 0px 10px 0px;
    		margin-bottom: 10px;

    		.publicacion {
    			text-align: right;
    		}

    		.nombre span {
    			padding-right: 20%;
    		}
    		.descripccion {
    			text-align: center;
    		}

    	}

    	.glyphicon{
    		font-size: 16px;
    		margin-top: 3px;
    		margin-left: 5px;

    	}



    	.contDocs{
    		font-family: @monse-medium;
    		font-size: 16px;
    		line-height: 28px;
    		letter-spacing: normal;
    		text-align: left;
    		color: @gray-text;

    		.columnasListaDocumentos{
    			margin-bottom: 15px;
    		}


    		.nombreDocumento{
    			word-wrap: break-word; 
    		}

    		.sizeDocumento{
    			padding-top: 5px;
    		}

    		.formatoDocumento img{
    			width: 48px;
    			height: 48px;
    		}

    		.imagenesPredefinidasDocumento{

    			.verDocumento img{
    				width: 48px;
    				height: 48px;
    			}

    			.descargarDocumento img{
    				width: 48px;
    				height: 48px;
    			}
    		}
    		.formatoDocumento {
    			padding-left: 0px;
    		}

    		.nomdocumento{
    			padding-left: 0px !important;
    		}
    		.descocumento{
    			padding-right:0px !important;
    		}


    	}  

    	ul.dfwp-list.content li:nth-child(even)  {
    		background: #eef3fd;  
    		padding-top:20px;   
    		padding-bottom: 20px;           
    	} 
    	ul.dfwp-list.content li  {
    		float: left;    
    		padding: 25px 0px; 
    		width: 100%;
    	} 

    	.page_navigation {   
    		padding-top: 40px;
    	}

    	ul.dfwp-column.dfwp-list {
    		margin-bottom: 45px;
    	}

    }

    /********************************************************************************/
    /**************************DETALLE DIRECTORIO ACTIVO**************************/
    /********************************************************************************/


    #DirectorioDetalle{

    	.fotografia {

    		@media (max-width:991px) {
    			width: 260px !important;
    			margin: auto;
    			padding-bottom: 30px;
    		}
    	}

    	.fotografia img{
    		width: 100% !important;
    		@media (max-width:991px) {
    			width: 100%;
    		}
    	}

    	.contenidopersonal {

    		@media (min-width:992px) and (max-width:1199px) {
    			padding-left: 5%;
    			padding-right: 1px !important;
    		}
    	}

    	.nombreDescripcion{
    		background-color: #f2f2f2;
    		padding: 20px 34px 17px 20px;
    	}


    	.titulosDirectorioDetalle{
    		margin-top: 30px;
    		background-color: #F2F8FC;
    		border-bottom: 1px solid #0077c0;
    		vertical-align: middle;
    		line-height: 53px;
    		display: inline-block;
    		width: 100%;
    		margin-left: 15px;

    		@media (max-width:767px) {
    			line-height: 21px !important;
    		}
    	}

    	a.accordion-toggle {
    		padding-left: 10px;     
    		color: @azulClaroaNegro !important;  
    		text-decoration: none;
    	}

    	a.accordion-toggle.collapsed {
    		padding-left: 10px;     
    		color: @gray-text !important;  
    		text-decoration: none;
    	}

    	.panel {
    		margin-bottom: 0px;
    		background-color: @colorWhite;
    		border: none;
    		border-radius: 0px;
    		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    	}

    	.panel-default>.panel-heading {
    		background-color: transparent;
    	}

    	.panel-heading {
    		padding: 20px 15px 20px 0px;
    	}

    	.panel-group .panel-heading {
    		border-bottom: solid 1px ;
    		border-color: @azulClaroaNegro;
    	}

    	.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
    		border-top: none;
    	}

    	.panel-heading .accordion-toggle:after {
    		/* symbol for "opening" panels */
    		font-family: 'Glyphicons Halflings';
    		content: "";
    		color: @azulClaroaNegro;
    		font-size: 19px;
    		font-weight: bold;
    		float:right;
    		margin-top: -17px;
    	}

    	.panel-heading .accordion-toggle.collapsed:after {           
    		content: "";   
    		color: @gray-text;

    		/* symbol for "collapsed" panels */
    		/* adjust as needed, taken from bootstrap.css */
    	}

    	li.active {
    		border-bottom: solid 2px @fblue;
    	}

    	.panel-title{
    		font-size: 18px;
    		color: #666666;
    		font-weight: 300;
    		word-wrap: break-word;
    	}

    	p{
    		font-size: 18px;
    		color: #666666;
    		font-weight: 300;
    	}

    	.panel-body {
    		font-size: 18px;
    	}
    }

    /********************************************************************************/
    /*******************************MAPA COOPERATIVAS INSCRITAS*********************/
    /********************************************************************************/

    #mapacooperativas{

    	div#map-canvas {
    		width: 100% !important;
    		height: 400px;
    		position: relative;
    		overflow: hidden;
    		margin-bottom: 40px;
    	}

    	.fechaCoop {
    		font-size: 18px;
    		font-family: @monse-medium;
    		color: #143d8d;
    	}


    	.tituloCoop {
    		font-size: 18px;
    		font-family: @monse-medium;
    		color: #143d8d;       
    	}

    	div#infoOficina {
    		font-size: 18px;  
    		line-height: 28px;
    		text-align: left;
    		margin-bottom: 40px; 
    	}

    	.row.margenMapa {
    		margin-top: 40px;
    		margin-bottom: 56px;
    	}

    	.urlweb a {
    		color: @flight-blue;
    		text-decoration: underline;
    	}

    	.margenContenido {
    		padding: 10px 0px 0px 0px;
    	}

    	.calificacion {
    		.rating{
    			width: 91%;
    		}

    		.contBtnRedes{
    			width: 12%;
    		}
    	}

    	#map-canvas-todas{
    		border: solid 1px @fblue;
    	}

    }




    /********************************************************************************/
    /*******************************SGI DETALLEGENERAL INDICADOR**********************/
    /********************************************************************************/

    section#detalleIndicadorGeneral{
    	

		.contBtnRedes {
		    /* display: inline-block; */
		    width: 9%;    
		}
		.rating {   
		    width: 90%;
		}
		 
    	.fechaindicador {
    		font-size: 18px;
    		color: #143d8d;   
    		line-height: 32px;
    		text-align: left;
    		font-family: 'ubunturegular';
    	}
 
			.detalllesGeneral {			   
			    position: relative;
			    float: left;
			    width: 100%;
			    margin-top: 30px;
			}  

    	ul.DetalleIndicadorGeneral{
    		padding: 0px;
    		margin: 0px;               
    		clear: both;
    		float: left;
            width: 100%;

    		li.dfwp-item{
    			margin-top: 20px;


    			.item-indicadores {
    				height: 264px;
                    /*border: 11px solid #475766;
                    border-radius: 8px;*/
                    background: url('/Style Library/plantilla/imagenes/fnd-portatil-indicadores.png');
                    background-position: center;
                    background-size: contain;
                    background-repeat: no-repeat;
                }

                .indicadorImagen {
                   /* background: url('/Style Library/plantilla/imagenes/fnd-portatil-indicadores.png');
                    background-size: contain;
                    background-repeat: no-repeat;*/
                }

                .box-circle {
                	text-align: center;
                }


                .contenedorv {
                	height: 264px;                       
                	border: 11px solid #475766;
                	border-radius: 8px;                
                } 

                .contentbarraH {
                	height: 264px;
                   /* border: 11px solid #475766;
                   border-radius: 8px;*/

                   .horizontal {
                   	position: relative;
                   	top: 50%;
                   	width: 80%;
                   	margin: 0 auto;
                   } 
               }

               .contentbarraV{
               	position: absolute;                    
               	transform: rotate(-90deg) translateX(-18px) translateY(178%);
               	display: block;
               	height: 94px !important;
               	text-align: center;
               	margin: auto 0;  
               	bottom: 125px;



               	.progress.vertical {
               		width: 209px;
               		position: relative;
               		text-align: center;
               		margin: 0 auto;
               	}
               }  


               .infoIndicador{
               	margin-bottom: 30px;

               	span.indicadorTulo {
               		text-align: left;
               		font-size: 21px;
               		line-height: 32px;
               		color:@fblue; 
               		margin-top: 30px;
               		position: relative;
               		display: inline-block;

               	}  


               	p.descripccion{
               		text-align: left !important;
               		font-size: 18px !important;
               		line-height: normal  !important;
               		margin-bottom: 30px !important;  
               		color:#666;

               	}

               }

            /*.borderInferiro {
                clear: both;
                position: relative;
                height: 20px;
                width: 92%;
                background: #475766;
                margin: 0 auto;
                top: 20px;
                }*/  

            }



            .IindicadorInfoDetalle{

            	.infoIndTitulo span {
            		color: #323232;
            		font-size: 16px;             
            		display: block;
            		font-weight: 500;
            		font-family: @monse-semibold;
            		float: left;
            	}

            	.infoIndDetalle  {  
            		color: #686868;             
            		display: block;



            		.unidadRojo {
            			display: inline-block;
            			margin-right: 10px;
            			&:before{
            				width: 0px;
            				height: 0px;
            				border-bottom: 7px solid #f0ad4e;
            				border-top: 7px solid #f0ad4e;
            				border-right: 7px solid #f0ad4e;
            				border-left: 7px solid #f0ad4e;
            				font-size: 0px;
            				line-height: 0px;
            				content: "";   
            				top: -6px;
            				position: relative;
            				margin-right: 10px; 
            			}
            		} 




            		.unidadVerde {  
            			display: inline-block;
            			margin-right: 10px;
            			&:before{

            				width: 0px;
            				height: 0px;
            				border-bottom: 7px solid #5cb85c;
            				border-top: 7px solid #5cb85c;
            				border-right: 7px solid #5cb85c;
            				border-left: 7px solid #5cb85c;
            				font-size: 0px;
            				line-height: 0px;
            				content: ""; 
            				top: -6px;
            				position: relative;
            				margin-right: 10px;  
            			}

            		}

            		.unidadAmarillo {
            			display: inline-block;
            			margin-right: 10px;
            			&:before{
            				width: 0px;
            				height: 0px;
            				border-bottom: 7px solid #93e29b;
            				border-top: 7px solid #93e29b;
            				border-right: 7px solid #93e29b;
            				border-left: 7px solid #93e29b;
            				font-size: 0px;
            				line-height: 0px;
            				content: ""; 
            				top: -6px;
            				position: relative;
            				margin-right: 10px; 
            			}
            		}  

            		.unidadModerado {
            			display: inline-block;
            			margin-right: 10px;
            			&:before{
            				width: 0px;
            				height: 0px;
            				border-bottom: 7px solid #fcba2b;
            				border-top: 7px solid #fcba2b;
            				border-right: 7px solid #fcba2b;
            				border-left: 7px solid #fcba2b;
            				font-size: 0px;
            				line-height: 0px;
            				content: ""; 
            				top: -6px;
            				position: relative;
            				margin-right: 10px; 
            			}
            		}


            		.unidadDatoUnico {
            			display: inline-block;
            			margin-right: 10px;
            			&:before{
            				width: 0px;
            				height: 0px;
            				border-bottom: 7px solid #143d8d;
            				border-top: 7px solid #143d8d;
            				border-right: 7px solid #143d8d;
            				border-left: 7px solid #143d8d;
            				font-size: 0px;
            				line-height: 0px;
            				content: ""; 
            				top: -6px;
            				position: relative;
            				margin-right: 10px; 
            			}
            		}     

            	}  

            	.bordeInfo {
            		border-top: solid 1px #b8c4dc;  
            		clear: both;
            		padding: 5px 0px;
            	} 
            }
        }

    }

    /********************************************************************************/
    /*******************************SGI*********************************/
    /********************************************************************************/

    section#sistemaGestionIntegral {
    	.fechaSGI{
    		font-size: 18px;
    		color: #143d8d;
    		line-height: 32px;
    		text-align: left;
    		font-family: 'ubunturegular';
    	}

    	.central {

    		background: @gray;
    		display: inline-block;
    		justify-content: center;
    		align-items: center;
    		text-align: center;
    		box-shadow: -2px 12px 15px #d5d5d5;
    		position: relative;
    		z-index: 0;
    		width: 100%;
    		height: 0;
    		padding-bottom: 100%;
    		border-radius: 50%;
    		overflow: hidden;

    		a{
    			text-decoration: none;
    		}

    		span {
    			font-family: @monse-semibold;
    			font-size: 52px;
    			line-height: 52px;
    			color: #2e7f97; 
    			text-align: center;
    			display: block;
    			padding-top: 38%;
    		}
    	}

    	.centraSGI {
    		width: 23%;
    		bottom: 36%;
    		left: 39%;
    		margin: 0 auto;
    		position: absolute;
    	}

    	.SGI {
    		position: relative;
    	}


    	.indicadorSGI {
    		border-bottom: solid 1px @lightGrey;


    		ul.indicadorgeneral{
    			padding: 0px;

    			li.dfwp-item{
    				margin-top: 20px;

    				.progressContainer.vertical {
    					transform: rotate(-90deg) !important;
    					height: 166px !important;
    					display: block; 
    					width: 49%;
    					height: 40px;
    					text-align: center;
    					-webkit-transform: rotate(-90deg);
    				}

  /*  .progress{
        height: 40px;
        }*/



        .infoIndicador{
        	margin-bottom: 30px;
        	span.indicadorTulo {
        		text-align: left;
        		font-size: 21px;
        		line-height: 32px;
        		color:@fblue;

        	}


        	p.descripccion{
        		text-align: left !important;
        		font-size: 18px !important;
        		line-height: 32px !important;
        		margin-bottom: 30px !important;  
        		color:#666;

        	}

        }

    }
}
}


.sgi-content {
	margin:0px;
	width: 70%;
	margin: 0 auto;	


	ul {        

		padding: 0px;

		li.dfwp-item {  
			margin-bottom: 20px;

			.contenedorSGI {  
				border-radius: 50%;
				background: @colorWhite;
				display: inline-block;
				justify-content: center;
				align-items: center;
				text-align: center;
				box-shadow: -3.2px 10.5px 18px 0 lightGrey;   
				position: relative;
				width: 100%;
				height: 0;
				padding-bottom: 100%;
				overflow: hidden;
			}



			&:nth-child(1){                    
				a{
					text-decoration: none;
				}

				.titulo{
					font-family: @monse-semibold;
					font-size: 32px;
					line-height: 32px;
					color: #2e7f97;                    
					text-align: center;
					display: block;
				}
				.descripcion{
					font-family: @monse-medium;
					font-size: 18px;
					line-height: 28px;
					color: #2e7f97;                    
					text-align: center;
					display: block;
				} 

			}

			&:nth-child(2){
				a{
					text-decoration: none;
				}

				.titulo{
					font-family: @monse-semibold;
					font-size: 32px;
					line-height: 32px;
					color: #508242;                    
					text-align: center;
					display: block;
				}
				.descripcion{
					font-family: @monse-medium;
					font-size: 18px;
					line-height: 28px;
					color: #508242;                    
					text-align: center;
					display: block;
				} 

			}
			&:nth-child(3){
				a{
					text-decoration: none;
				}

				.titulo{
					font-family: @monse-semibold;
					font-size: 32px;
					line-height: 32px;
					color: #4f3983;                    
					text-align: center;
					display: block;
				}
				.descripcion{
					font-family: @monse-medium;
					font-size: 18px;
					line-height: 28px;
					color: #4f3983;                    
					text-align: center;
					display: block;

				}               

			}
			&:nth-child(4){
				a{
					text-decoration: none;
				}

				.titulo{
					font-family: @monse-semibold;
					font-size: 32px;
					line-height: 32px;
					color: #e47c0b;                    
					text-align: center;
					display: block;
				}
				.descripcion{
					font-family: @monse-medium;
					font-size: 18px;
					line-height: 28px;
					color: #e47c0b;                    
					text-align: center;
					display: block;

				}              

			}




			.linkCirculo {

				text-align: center;
				width: 75%;
				margin: 0 auto;
				display: block;
				left: 12%;
				bottom: 36%;
				position: absolute;

			}  

			/*................acordemo movil......................*/

			.panel-default {
				border-color: #ddd;
				display: none;
			}            

		}   

	}
}
}


/*******************************************************************/
/**************************RESULTADOS BUSQUEDS**********************/
/******************************************************************/
 
section.resultadosBusqueda .containerTitle {
    margin-top: 30px;  
}
  
/********************************************************************************/
/*******************************detalle Indicador SGI****************************/
/*********Se llama detalle indicador pero representa el detalle de SGI************/
/********************************************************************************/

section#detalleIndicador {

	.containerTitle {
		     margin-top: 0px !important; 
		}
	.fechaindicador{
		font-size: 18px;
		color: #143d8d;
		line-height: 32px;
		text-align: left;
		font-family: 'ubunturegular';
		    margin-bottom: 30px;
	}


	.indicadorSGI {
		margin-top: 74px;
		float: left;
		width: 100%;
	} 


	ul.indicadorgeneral{
		padding: 0px;

		li.dfwp-item {

			margin-top: 20px;

			.progressContainer.vertical {
				transform: rotate(-90deg) !important;
				height: 166px !important;
				display: block; 
				width: 49%;
				height: 40px;
				text-align: center;
				-webkit-transform: rotate(-90deg);
			}

	   /* .progress{
	        height: 40px;
	        }*/


	        .infoIndicador{

	        	margin-bottom: 30px;

	        	.indicadorTulo {
	        		text-align: left;
	        		font-size: 21px;
	        		line-height: 32px;
	        		color:@fblue;
	        		margin: 0px;

	        	}


	        	p {
	        		text-align: left !important;
	        		font-size: 18px !important;
	        		line-height: 32px !important;
	        		margin-bottom: 30px !important;  
	        		color:#666;                
	        	}


	        	.descripccion {
	        		/*  display: none;*/
	        	}
	        }


	    }   
	}

	/*++++++++++++++++++++slider con indicadores++++++++++++++++++++++++++++++++*/

	.contenido-slider {
		position: relative;



		.ms-webpart-chrome-vertical {
			display: block !important;
		}
		.ms-webpart-zone {
			display: block;
		}

		.ms-webpart-cell-vertical {
			display: block;  
		}

	}


	ul#indicadoreslist{

		position: relative;

		background: #f2f2f2;
		padding: 0px;

		.owl-nav {
			position: absolute;
			top: 30%;
			bottom: 0;
			display: inline-block;
			zoom: 1;
			margin: 0;
			width: 100% !important;
			height: 0px !important;
			line-height: 45px;
			text-align: center;
			font-size: 1em;
			border-radius: 30px;
			color: gray;
			background: transparent !important;
			border-radius: 50px;
		}


		.owl-nav .owl-next {
			right: 0px !important;
			position: absolute;
			background: transparent;
		}


		.owl-nav .owl-prev {
			left: 0px !important;
			position: absolute;
			background: transparent;
		}

		.glyphicon-menu-left {
			font-size: 20px;
			color: #0177c0;
		}


		.glyphicon-menu-right {
			font-size: 20px;
			color:#0177c0;
		}





		.contentSlider{

			width: 100%;
			text-align: center;
			padding: 0px 20px 0px 20px;

			.contGrafica {

				.contentbarraV {

					height: 135px;  
					position: relative;
					padding: 0px 0px 0px 0pc;

					.infoIndicador {
						position: relative;
						top: 166px;
					}

				}


				.contentbarraH{

					height: 200px;
					position: relative;
					padding: 61px 0px 0px 0pc;

					.infoIndicador {
						padding-top: 33px;
					}
				}


				.circularColor{
					height: 150px;
					width: 150px;
					border-radius: 50%;
					&.rojo{
						background-color: #d9534f
					}
					&.amarillo{
						background-color: #f0ad4e; 
					}
					&.verde{
						background-color: #5cb85c; 
					}
				}
				.progress{
					&.rojo .progress-bar{  
						background-color: #d9534f
					}
					&.amarillo .progress-bar{
						background-color: #f0ad4e; 
					}
					&.verde .progress-bar{
						background-color: #5cb85c; 
					}
				}


				.progress.vertical {
					transform: rotate(-90deg) translateX(-90px) translateY(11px);
					width: 108px;
					top: -36px;
					position: absolute; 

					.infoIndicador {
						position: relative;
						top: 33px;  
					} 
				}


				.item-indicadores .infoIndicador{
					text-align: center;
					font-size: 13px;  
					position: relative;
					bottom: -9px;  
					font-family: @monse-medium;   
					height: 66px;
					span{
						color: #0072C6 !important;
					}
				}  


			}
		}

	}
}



/********************************************************************************/
/*******************************FIN detalle Indicador SGI****************************/
/*********Se llama detalle indicador pero representa el detalle de SGI************/
/********************************************************************************/


/**********************************************************************************/
/******************************INDICADORES DE LA ENTIDAD POR PAGINAS******************/
/*********************************************************************************/
.ms-webpart-chrome-vertical {
	display: block !important;
}

.ms-webpart-chrome-vertical {
	display: block !important;
}
.ms-webpart-zone {
	display: block;
}

.ms-webpart-cell-vertical {
	display: block;  
}


.roundIndicador {
	margin-top: 24px !important;
}

ul.indicadorgeneral {
	padding: 0px;
	margin-bottom: 40px;
	float: left;
	width: 100%;

	li.dfwp-item{
		list-style-type: none !important;


		.progressContainer.vertical {
			width: 100%;
			text-align: center;
			padding: 0px 20px 0px 20px;
		}


	}

	li.dfwp-item .infoIndicador {

		.indicadorTulo {
			text-align: left;
			font-size: 21px;
			line-height: 32px;
			color: #143d8d;
			margin: 0px;                         
		}
		p{
			/*display: none;*/
		}  
	}
}


/**********************************************************************************/
/***********************FIN INDICADORES DE LA ENTIDAD POR PAGINAS************/
/*********************************************************************************/


/*******************************************************************/
/*********PRESENTACIONDOCUMENTOS SIN DESCRIPCCION******************/
/******************************************************************/


ul.listadoDocumentosNoDescripccion {   
	padding: 0px;
	padding-top: 3%; 


	.columnasListaDocumentosSoloNombre {

		.nombreDocumento a{
			color: @azulClaroaNegro !important;
			font-size: 18px;
			line-height: 32px;
			font-family: @monse-semibold !important;

		}

		.imagenesPredefinidasPresentacion img {
			width: 34px;
			height: 34px;
		}  
	}

	li {
		list-style: none;
	}  
}



ul.listadoDocumentos {
	padding: 0px;
	padding-top: 9%;


	.columnasListaDocumentos {

		.nombreDocumento a{
			color: @azulClaroaNegro !important;
			font-size: 18px;
			line-height: 32px;
			font-family: @monse-semibold !important;

		}

		.imagenesPredefinidasPresentacion a img {
			width: 34px;
			height: 34px;
		}  
	}  

	li {
		list-style: none;
	}
}


/***************************************************************/
/*********formulario PQRD**************************************/
/******************************************************************/

section#formularioPQRD { 
	.fechaform{
		font-size: 18px;  
		color: #143d8d;
		line-height: 32px;
		text-align: left;
		font-family: 'ubunturegular';

	}

	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	    width: 88% !important;
	}

	.contentFormulario{
		
		margin-top: 34px;
        margin-bottom: 40px;
		/*overflow-y: auto;*/
		

		/*iframe{
			margin-left: 30px;
			float: left;		

		}*/

	}
}

/* ==========================================================================*/
/* ================ TABLAS DEFECTO SHAREPOINT ===============================*/
/* ==========================================================================*/

.ms-rteTable-default, 
.ms-rteTable-default > tbody > tr > td, 
.ms-rteTable-default > tbody > tr > th, 
td.ms-rteTable-default, 
th.ms-rteTable-default, 
.ms-rtetablecells{
	border-width: 0px;
}

.ms-rteTable-default tr:first-child{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;


}

.ms-rteTable-default tr:first-child>td{
	color: #143d8d;
	border-top: 2px solid #143d8d;
	border-bottom: 1px solid #0077c0;
	font-family: ubuntumedium;

}

.ms-rteTable-default tr:nth-child(n+2)>td{

	text-align: center;
	border-bottom: 1px solid #0077c0;
}

.ms-rteTable-default tr:last-child>td{

	border-bottom: 2px solid #143d8d;

}

/********************************************************************************/
/*******************************ESTILO ESTRELLAS*********************************/
/********************************************************************************/

rating .OpcionCalificaacion{
	display: inline-block;
}

.OpcionCalificaacion:before {
	position: relative;
	font: 20px/1 FontAwesome;
	display: inline-block;
	content: "\f005";
	color: #ccc;
	background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.OpcionCalificaacion:hover:before,
.OpcionCalificaacion:hover ~ .OpcionCalificaacion:before,
.OpcionCalificaacion.selected:before,
.OpcionCalificaacion.selected ~ .OpcionCalificaacion:before,
.estrellaPromedio::before {
	color: #f0ad4e;
	background: -webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.rating input {
	display: none;
}

.PromedioCalificaciones{
	display: none;
}

.Numerocalificaciones{
	display: none;
}

.containerTitle {
	margin-top: 70px;
}
/* ====================================================================================*/
/* ================ POSICIÓN ESTRELLAS Y REDES SOCIALES ===============================*/
/* ====================================================================================*/

.calificacion {
	text-align: right;
	padding-bottom: 10px;
	display:  inline-block;
}

.rating {
	display: inline-block;
	float: left;
	padding-right: 15px;
	width: 88%;          
}

.fb-like.fb_iframe_widget span {
	padding-left: 25px;padding-top:  0px;
}

.contBtnRedes .Comentar {
	color: #666;
	cursor: pointer;
	&:before {
		content: "\e111";
		font-size: 18px;
		-webkit-font-smoothing: antialiased;
		color: #2d4254;
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}

}



.contBtnRedes {               
	/*display: inline-block;*/ 
	width: 12%;
	float: right;
	border-left: solid 1px #d5d5d5;
	height: 26px; 
}


.contBtnRedesVertical {
	width: 77px;
	position: absolute;
	right: 78px;
	top: 30px;

	a {

		display: block;
	}

	@media (max-width: 991px){
		width: unset;
		position: relative;
		right: 0px;
		display: inline-block;
	}
}

#contenidonoticia .contBtnRedesVertical {
	width: 77px;
	position: absolute;
	right: 78px;
	top: 30px;

	a {

		display: block;
	}

	@media (max-width: 991px){
		width: 12%;
		position: relative;
		right: 0px;
		display: inline-block;
		float: left;
		top: 0px;
		.fb-like{
			span{
				padding-top: 0px;
			}
		}
	}

	@media (max-width: 640px){ 
		width: 0%;
		.fb-like{
			span{
				padding-top: 0px;
				padding-left: 0px !important;
			}
		}
	}
}

#contenidonoticia .rating {
	@media (max-width: 640px){ 
		width: 88% !important;
		}
	}



.contBtnRedes .face, 
.contBtnRedesVertical .face {
	border: 1px solid @fblue;
	border-radius: 61%;
	font-size: 12px;
	padding: 4px;
	color: @fblue;
	margin: 2px;
	width: 21px;
	text-align: center;
}
.contBtnRedes .tweet, 
.contBtnRedesVertical .tweet {
	border: 1px solid @fblue;
	border-radius: 61%;
	font-size: 12px;
	padding: 4px;
	color: @fblue;
	margin: 2px;
	width: 21px;
	text-align: center;
}

.contBtnRedes .linkedin,
.contBtnRedesVertical .linkedin {
	border: 1px solid @fblue;
	border-radius: 61%;
	font-size: 12px;
	padding: 4px;
	color: @fblue;
	margin: 2px;
	width: 21px;
	text-align: center;
}


/* ====================================================================================*/
/* ============================ COMENTARIOS =======================================*/
/* ====================================================================================*/



.lista.comentarios {
    /*width: 100%;  
    height: 42%;
    background: #F5F5F5;
    max-height: 760px;  
    right: 0;
    top: 90px;
    box-shadow: 0 0 15px #CDCDCD;
    z-index: 999999;
    margin: 50px 0px 50px 0px;*/
    width: 100%;
    height: 42%;    
    background: #f9f9f9;
    max-height: 760px;
    right: 0;
    top: 90px;
    z-index: 999999;
    margin: 40px auto 50px auto;
    border-radius: 6px;


.contenerRespuestas {
    
    position: relative;
    margin-left: 26px;
    width: 76%;

    .areaComment.respnderc {
	    margin: 0px !important;
	    width: 90% !important;
	    
	}
	.send_icon.respnderc {
	   
	    position: absolute;
	    right: 0;
	    top: 0;
	}
}



/************************************/
        .allRespuestas {			    
			    width: 74%;
			    margin-left: 50px;
			    
			    
			}

			

/**************************************/
    .allCommet {
        /*overflow: auto;
        height: 331px;
        width: 100%;
        padding: 20px 0px 20px 20px;*/

        overflow: auto;
        height: 331px;
        width: 100%;
        padding: 10px 0px 20px 20px;

        .alinearItem {
        	display: inline-block;
        	position: relative;
        	font-size: 12px;
        	/* font-weight: 700; */
        }


        .fechacomenterio.alinearItem {
        	font-weight: 600;
        	margin-left: 9px;
        	.habilitarcaja{
        		margin-left: 25px;
        	}
        }
        .user {
          /* color: #0177c0;
           text-transform: uppercase;
           text-decoration: underline;
           margin-bottom: 5px;
           margin-top: 10px;
           font-family: ubuntumedium;*/

           color: #0177c0;
           margin-bottom: 5px;
           margin-top: 10px;
           font-family: ubunturegular;
           font-size: 14px;
           &:before{
           	margin-right: 10px;
           	content: "\e008";
           	position: relative;
           	top: 1px;
           	display: inline-block;
           	font-family: 'Glyphicons Halflings';
           	font-style: normal;
           	font-weight: 400;
           	line-height: 1;
           	-webkit-font-smoothing: antialiased;
           	-moz-osx-font-smoothing: grayscale;
           }
       }

       .userdescripcion {
            /*font-size: 14px;
            text-align: left;
            color: #666;
            margin-bottom: 20px;
            line-height: 24px;
            font-family: ubunturegular;
            border-bottom: 1px solid #fff;*/

            font-size: 11px;   
            text-align: left;  
            color: #666;
            margin-bottom: 20px;
            line-height: 1.6em;
            font-family: ubunturegular;
            
            margin-left: 17px;
            position: relative;
              
        }   


		.userdescripcion.padre.cadena:after {
		    content: " ";
			width: 39px;
			height: 53px;
		    border-left: 1px solid #CDCDCD;
		    border-bottom: 1px solid #CDCDCD;
		    position: absolute;
		    top: 10px;
		    left: -21px;
		}
        


    } 
 



    .addcomment {
    	/*position: absolute;*/
    	width: 100%;
    	background: #FFF;
    	bottom: -1px;
    	padding-top: 20px;
    	box-shadow: 0 0 25px rgba(0, 0, 0, 0.12);
    	display: inline-block;
    }

    textarea.areaComment {
    	font-size: 16px;
    	width: 87.3%;
    	min-height: 45px;
    	height: 42px;
    	box-sizing: border-box;
    	margin: 10px 19px 19px 19px;
    	overflow: hidden;
    	display: inline-block;
    }  
    a.send_icon{
    	display:inline-block;
    	position: absolute;

    	&:after {
    		content: "\e258";
    		cursor: pointer;
    		top: 18px;
    		position: relative;
    		display: inline-block;
    		font-family: 'Glyphicons Halflings';
    		font-style: normal;
    		font-weight: 400;
    		line-height: 1;
    		-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
    		font-size: 30px;
    	}  
    }

    a.send_icon.respnderc{
    	display:inline-block;
    	position: absolute;

    	&:after {
    		content: "\e258";
    		cursor: pointer;
    		top: 9px;
    		position: relative;  
    		display: inline-block;
    		font-family: 'Glyphicons Halflings';
    		font-style: normal;
    		font-weight: 400;
    		line-height: 1;
    		-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
    		font-size: 30px;
    	}   
    }
}








/* ====================================================================================*/
/* ============================ LISTA ENCUESTAS =======================================*/
/* ====================================================================================*/
.contEncuentas{
		margin-bottom: 50px;
		float: left;
		width: 100%;
    	margin: 50px 0px; 
		.btn-responder {
		    background: #143d8d;
		    color: white;
		    text-transform: uppercase;
		    height: 40px;
		    padding-top: 10px;
		    float: right;
		    margin-top: 15px;
		    border-radius:  5px;
		    cursor:  pointer;
		    text-align: center;
		}

		.btn-responder a {
		    color:  #fff;
		}

		.btn-responder:hover {
		    background: #0077c0;
		    color: white !important;
		}
	}



	
	
		.btn-responder.confirmar {
		    background: #143d8d;
		    color: white;
		    text-transform: uppercase;
		    height: 40px;
		    padding-top: 10px;		   
		    margin-top: 15px;
		    border-radius:  5px;
		    cursor:  pointer;
		    text-align: center;
		    width: 80%;
		    margin: 0 auto;
		    margin-top: 20px;
		    margin-bottom: 29px;
		}

		.btn-responder a {
		    color:  #fff;
		}

		.btn-responder:hover {
		    background: #0077c0;
		    color: white !important;
		}
	



.encuestasFix{
	.rating{
		width: 91%;
	}

	.contBtnRedes{
		width: 9%;
	}

	.fechArticulo{  
		margin-bottom: 30px;
	}
}
/* Ocultar botón de ver todas las respuestas al finalizar encuesta*/
#diidResultsByUser{
	display:none !important;
}

.superContEncuesta{
	.contEncuentas{
		margin-bottom: 50px;
		float: left;
		width: 100%;
    	margin: 50px 0px;
		.btn-responder {
		    background: #143d8d;
		    color: white;
		    text-transform: uppercase;
		    height: 40px;
		    padding-top: 10px;
		    float: right;
		    margin-top: 15px;
		    border-radius:  5px;
		    cursor:  pointer;
		    text-align: center;
		}

		.btn-responder a {
		    color:  #fff;
		}

		.btn-responder:hover {
		    background: #0077c0;
		    color: white !important;
		}
	}
	.EncuestasList{
		float: left;
		padding-left: 0;
		width: 100%;
		li.dfwp-item{

			float: left;
			border-bottom: 1px solid @colorfondomenu;
			margin-bottom: 20px;
			padding-bottom: 10px;
			width: 100%;
			.imagencol{
				background-color: @colorfondomenu;
				height: 85px;
				width: 85px;
				border-radius: 5px;
				p.Num{
					color: @fblue;
					height: 14px;
					font-size: 18px;
					font-weight: bold;
					line-height: 1.78;
					letter-spacing: -0.5px;
					text-align: center;
				}
				img.EncuestaIcon{
					max-height: 60px;
				}               
			}

			.Descrip{
				padding-top: 3px;
			}
			h2{ margin-top: 0px;}

			.btn-responder .btn {
				background: @fblue;
				color: white;
				text-transform: uppercase;
				height: 40px;
				padding-top: 10px;
				float: right;
				margin-top: 15px;
				border-radius: 4px;
				padding-left: 5px;
				padding-right: 5px;
			}

			.btn-responder .btn:hover {
				background: @flight-blue;
				color: white !important;
			}

			.btn-responder .btn:visited {
				color: white !important;
			}
		}
	}
}

/* Entidad Mision */
.contMision{
	.col-md-4 {
		margin: 20px 0px; 
	}
	.circuloDise {
		background: #fff;
		border-radius: 50%;
		height: 200px;
		width: 200px;
		margin: auto;
		box-shadow: 2px 3px 16px -5px #000000;  
		img {
			margin: 0 auto;
			margin-top: 15px; 
			width: 130px !important; 
		}
	}

	h3 {
		position: absolute; 
		font-weight: bold;
		bottom: 9px;
		/* left: 157px; */
		width: 92%;
		text-align: center;
	}

	.row {
		border-bottom: 1px solid #e8e0e8ee;  
		padding-bottom: 23px;  
		&:nth-child(1){
			border-bottom: none !important;
		}

		&:nth-child(5){
			border-bottom: none !important;
		}
	}
}
/* Entidad Mision */



/********************************************************************************/
/*******************************FORMULARIOS TRAMITES*****************************/
/********************************************************************************/
.contenidogeneral{
	.calificacion{
		.rating{
			width: 91%;
		}

		.contBtnRedes{
			width: 12%;
		} 
	} 
	.contBtnRedes {
		/* display: inline-block; */
		width: 12%;
	}

/*.Solocuerpo{
 
    .contentInfo{
        padding: 16px 0px;

           .ms-webpart-titleText {
            display: none;
        }
        
        div#formularioTramite {
            
            label {
            padding: 32px  0 9px 0;
            display: inline-block;
            font-weight: 400;
            color: #002c5f;
            font-family: 'ubunturegular';
                font-size: 16px;

           }

          span {                
                margin-top: 35px;    
                margin-left: 8px;
                position: absolute;
            }

           .form-control {
                line-height: 1.42857143;
                -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                color: #888888;
                font-size: 13px;
                border: 1px solid #dadada;
                border-radius: 2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -o-border-radius: 2px;
                background-color: #fff;
                background-image: none;
                outline: none;
                width: 100%;
                padding: 7px 14px;
                display: block;
                height: 34px;
                margin-bottom: 10px;
                transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -webkit-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
            }


            input[type=submit]{
                background-color: #002c5f;
                color: #ffffff;
                margin: 0 15px;
                font-size: 0.95em;
                text-transform: uppercase;  
                border: none;
                border-bottom: 2px solid #0b2037;
                transition: .3s;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                -o-transition: .3s;
                display: block;
                margin: 0 auto 15px auto;
                border-radius: 4px;
            }  
        }
    }    
    }*/
}

.contenidogeneral{
	.infoNoticias{

		label {
			padding: 0 0 9px 0;
			display: inline-block;
			font-weight: 400;
			color: #002c5f;
			font-family: 'ubunturegular';
			font-size: 16px;

		}



		.form-control {
			line-height: 1.42857143;
			-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			color: #888888;
			font-size: 13px;
			border: 1px solid #dadada;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			background-color: #fff;
			background-image: none;
			outline: none;
			width: 100%;
			padding: 7px 14px;
			display: block;
			height: 34px;
			margin-bottom: 10px;
			transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-webkit-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
		}


		input[type=submit]{
			background-color: #002c5f;  
			color: #ffffff;
			margin: 0 15px;
			font-size: 0.95em;
			text-transform: uppercase;  
			border: none;
			border-bottom: 2px solid #0b2037;
			transition: .3s;
			-webkit-transition: .3s;
			-moz-transition: .3s;
			-o-transition: .3s;
			display: block;
			margin: 0 auto 15px auto;
			border-radius: 4px;
		} 


		.ms-webpart-titleText {
			display: none;
		}

		div#ResultadoConsulta{
			font-weight: 700;
			color: #002c5f;
			padding: 20px;


			.consultaTramite {
				color: #002c5f;
				padding: 20px;
			}

			label {
				padding: 0 0 9px 0;
				display: inline-block;
				font-weight: 400;
				color: #002c5f;
				font-family: 'ubunturegular';
				font-size: 16px;

			}

			.form-control {
				line-height: 1.42857143;
				-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
				color: #888888;
				font-size: 13px;
				border: 1px solid #dadada;
				border-radius: 2px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-o-border-radius: 2px;
				background-color: #fff;
				background-image: none;
				outline: none;
				width: 100%;
				padding: 7px 14px;
				display: block;
				height: 34px;
				margin-bottom: 10px;
				transition: all 0.4s ease-in-out;
				-moz-transition: all 0.4s ease-in-out;
				-webkit-transition: all 0.4s ease-in-out;
				-o-transition: all 0.4s ease-in-out;
			}


			input[type=submit]{ 
				background-color: #002c5f;  
				color: #ffffff;
				margin: 0 15px;
				font-size: 0.95em;
				text-transform: uppercase;  
				border: none;
				border-bottom: 2px solid #0b2037;
				transition: .3s;
				-webkit-transition: .3s;
				-moz-transition: .3s;
				-o-transition: .3s;
				display: block;
				margin: 0 auto 15px auto;
				border-radius: 4px;
			} 

		}

	}


}


/* Before Landing Seguro para su ahorro */
.backInternText{
	p.paraBack {
		padding-left: 70px;
	}   

	p.paraBack::before {
		content: '';
		position:  absolute;
		left:  0;
		width: 50px;
		height: 50px;
		background-image: url('/Style Library/plantilla/imagenes/comillas.svg');
	}
}
/* Before Landing Seguro para su ahorro */

/* Ver mas Indicadores*/
.verIndicaN{
	padding: 5px 15px;
	margin-top: 10px;
	border-radius: 4px;
	background-color: #143d8d;
	text-align: center;
	margin: 20px 0px;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 300;  
	line-height: 24px;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	font-family: ubuntumedium;  
	&:visited {
		color: #ffffff !important;
	}
	&:hover{
		background-color: #0177c0 !important;
		text-decoration: none !important;
	}
}

/* Listado Noticias */
.listNoticias{
	.fechapage{
		font-size: 15px;
	}

	.rating{
		width: 91%; 
	}

	.contBtnRedes{
		width: 12%; 
	}
}


.contWidth{
	overflow: hidden;
}


/***************************************************************/
/*************************SITIO EXFUNCIONARIOS*****************/
/***************************************************************/
.ExfuncionarioForm {
	width: 100% !important;
}  

/*.contentgrafiva {
	min-height: 1000px;
	max-height: 3000px;

} */    

span#ctl00_PlaceHolderMain_WorkflowView {
	overflow-y: scroll;
}

/* Directorio Personal */
.tabsPersonal {
	margin-top: 40px;
}

ul.nav.nav-tabs {
	margin-top: 30px;
	background-color: #F2F8FC;
	border-bottom: 1px solid #0177c0;
}

.nav-tabs>li.active>a {
	background-color: transparent !important;
	color: #0177c0;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: normal;
	border: none;
}

.nav-tabs>li>a:hover {
	border-color: transparent;
	background-color:  transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border: none;
}


label.nf-label-control span {
	display: block;
	color: #FFF;
}  

.ip-item span div {
	font-size: 11px !important;
}

.nf-filler-control-border select  {
	font-size: 12px !important;
}
/* Directorio Personal */
/* Estilos Comentarios Contador*/
.contCar {
	margin: 0px 20px;
	padding: 0 5px;
	text-align: right;
	width: 87.3%;
}
/* Estilos Comentarios Contador*/
/* Seguro para su ahorro */
.superContTesti{
	background-image: url('https://www.fogacoop.gov.co/seguro-para-su-ahorro/PublishingImages/fnd-testimonios.jpg');
	margin-bottom: 34px;   
	margin-top: 60px; 
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; 

	h2.titleS {
		color: #ffff !important;
		margin:0px 0px 30px 0px;
	}

	p.paraBack {
		color: white;
		font-style:italic;
		margin-bottom:50px; 
	} 

	.biblio {
		color: #fff !important; 
		text-align:right;
		margin-bottom:50px; 
	}
}

.testimonios {
	padding: 50px 0px;
	padding-bottom: 0px;  
}

.superContVideoAhorro {
	margin-top: 45px;

	.videoSeguro iframe {
	    width: 100%;
	    height: 249px;
        min-height: 249px;
	}
}


.seguroAhorro .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 20px;
    margin: 5px 5px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    border: solid 1px @flight-blue; 
}

.seguroAhorro .owl-theme .owl-dots .owl-dot.active span{
	background: #fcba2b;
	border: solid 1px #fcba2b;
}

.seguroAhorro .owl-theme .owl-dots .owl-dot:hover span{
	background: @flight-blue;
	border: solid 1px @flight-blue;
}

.seguroAhorro .contentimgslider.col-md-12 {
    /*max-height: 400px; 
    min-height: 250px; */
}

.seguroAhorro .contPlay span {    
    border: solid 1px @flight-blue;   
    color: @flight-blue;
        background: #fff;
}

/*.seguroAhorro .contentimgslider img{
	height: auto !important;
}*/

.seguroAhorro .contentimgslider.col-md-12 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 1%;
    position: relative;
    height: 341px;  
    max-height: 340px;  
    overflow: hidden;
}

.seguroAhorro .contentimgslider img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 94% !important;
    /* position: absolute !important; */
    /* margin: auto!important; */
    margin-top: 0px!important;
    /* left: 0!important; */
    /* right: 0!important; */
    /* top: 0!important; */
} 

.seguroAhorro .contImg .contText p {
    font-size: 23px;    
}

.sliderprincipalNinos .contImg .contText h2 {
    font-size: 76px;  
}

.seguroAhorro .owl-theme .owl-nav {
    margin-top: -9px;
}

.seguroAhorro .glyphicon-pause:hover {
    background-color:@flight-blue;
    color: #fff;
}

.seguroAhorro .glyphicon-play:hover {
    background-color: @flight-blue;
    color: #fff; 
}

.liAccesosS {
	width:  20%;
	float:  left;
	    padding-top: 30px;
	.cont_icono {
		width:  100px;
		margin:  0 auto;   
		&:hover{
	           -webkit-transform: scale(1.3);
	            -ms-transform: scale(1.3);
	            transform: scale(1.3);  
	            svg{
	            	.st0 {
					fill: #0077C0;
					}
	            } 
	            a{
				 color:#0070b5 !important;
				 font-size: 12px;
				
				} 
	        } 
	          
	    .cont_titulo {
	    	text-align:  center;
	    	font-weight:  600;
	    	padding: 0; 
		}
		 
		a{
			display:block;
			color: #143d8d !important;
			text-align: center;
			font-weight:  600;
			&:hover{
			color:#0070b5 !important;
			
			}   
			&:focus{
			color:#0070b5 !important;
			
			}  
		} 	
		
		
		
    }

	
}

ul.contAccesosH {
	display:  inline-block;
	width:  100%;
	padding:  0;
}



    .accesosRAhorro {
    	
    	margin-bottom:  50px;
    } 


    section.contenidoAccesosSA {
    background: #f2f2f2;
    margin-top: -57px;
}
    /* Seguro para su ahorro */



    /**********************************************************************************************/
    /*********************SEGURO PARA SU AHORRO MINISITIO************************************/
    /*******************************************************************************************/
	


    header#seguroparasuahorro {   
  
	 .topbar {	   
		    background-color: #fff !important;
		}
		.topbar.mensaje {
		    background: #f2f2f2 !important;
		    height: 50px;
		}  

    	.cont_primerheader .redesFlotantes ul.cont_redesFlotantes li {
    		width: 35px;
    		position: relative;   
    		top: 3px;
    		margin-right: 5px;
    		&:last-child {
    			display: none;

    		}
    	}  

    	
      

		 .logo-seguro a {
		 img {		 
		       margin-right: 40px;
			    float: left;
			    width: auto;
			    margin-top: 30px; 
				height: 48px;
		 } 
				img#imgLemaGov {
					margin-right: 40px;
					float: left;
					width: auto;
					margin: 14px 0px;
					height: 108px;
				} 
				color: #fff;
				font-size: 1px;
		    }

		.logoFogacoop {
			img {
				width: auto;
				margin-top:30px; 
				height: 55px;
				margin-bottom: 14px;
				float: right; 
			}

			a{
				color: #fff;
				font-size: 1px;
			}
		}

    	.logoFogacoop span {
    		    display: block;
				color: #143d8d;
				padding-left: 0px;
				padding-top: 10px;
				font-size: 18px;
				text-align: center;
				display: none;  
    	} 

    	
 

	.redesFlotantes {
    	ul.cont_redesFlotantes {  
    		.cont_iconoRedes a svg path.st0:hover {
    			fill: #0177c0 !important;
    		}
    	}  
    }  
  
       

    }


    footer#seguroparasuahorroFooter{

			.contFooter1 .sedePrincipal ul li p {			   
			    font-family: 'ubunturegular';
			    font-size: 14px;			    
			    margin-bottom: 0px;
			    text-align: right;
			} 


    	.contFooter1 .sedePrincipal div {
    		color: #143d8d;
    		text-align: right;
    		font-family: 'ubuntumedium';
    		font-size: 16px;
    		letter-spacing: normal;
    		margin-top: 0px;
    		margin-bottom: 8px;
    	}  

    	.logosGobierno {
    		    margin-top: 50px;
    		img{
				width: 321px;   
				height: 68px;  
    		}

    	}

    	

    

    	.contFooter2 {	 
    		border-top: solid 1px #143d8d;
    		border-bottom: solid 1px #143d8d;
    		margin-bottom: 40px;

    	}

    	


    	.contFooter2 .colInfeOne #ulInferiorN p {
    		margin-top: 0px;
    		font-size: 14px;
    		font-family: 'ubunturegular';

    		margin-bottom: 5px;
    		a{
    			  color: #143d8d;
    			&:hover{ 
    			  color: #0070b5;
    			};
    		}


    	}
    	.contFooter2 .colInfeTwo .contardoV {
    		color: #143d8d !important; 
    		font-size: 14px;
    		float: right;

    		&:hover{ 
    			  color: #0070b5;
    			};
    	} 
    }




    .seguroAhorro ul#main-slideNextant .owl-nav {
		.owl-prev {
		  top: 37%;
		}
		.owl-next {
			top: 37%;
		}
    }








    /**********************************************************************************************/
    /*********************FIN SEGURO PARA SU AHORRO MINISITIO************************************/
    /*******************************************************************************************/

    /* INDICADORES INTRANET */
	
#indicadoresInternosIntranet{
		.indicadorgeneral{
			background-color: #f2f2f2;
			li{
				//float:  left;
				a{
					float:  left;
		    		width:  100%;
		    		margin-top: 20px;
					.box-circle{
						.progress-circle{
							width:  140px;
    						height:  140px;
							//margin-left:  calc(50% - 90px); 
							span{
								width: 100px;
							    height: 100px;
							    margin-left: -50px;
							    margin-top:  -50px;
							    font-size: 25px;
							}
						}
					}
				}

				.roundIndicador{
					margin-top: 0px !important;
					margin-bottom: 20px;
				}

				.infoIndicador{
				    text-align:  center;
		    		font-weight:  600; 
					.descripccion{
						display:  none;  
					}

					.indicadorTulo {
					    text-align: center !important; 
					    margin-top: 0px !important; 
					    &:hover{
					    	color: #0177c0;
					    }
					}
				}

				.verIndicaN{
					display:  none; 
				}
			}

				.owl-nav{
					position:  absolute;
				    width:  100%;
				    //top: calc(50% - 25px);
				    height:  50px;
					.owl-prev, .owl-next{
						background: transparent !important;
					    font-size: 25px !important;
					    position: absolute;
						span{
							color: #0177c0;
    						opacity:  0.3;
							&:hover{
								opacity: 1;
							}
						}
					}
					.owl-prev{
						left: 5%;
					}
					.owl-next{
						right:  5%;
					}
				}
		}
	/* -----------------------*/
}
.indicadoresHomeIntranet {
	    background-color:  #f2f2f2 !important;
	}
	
#indicadoresInternosIntranet.indicadoresHomeIntranet{
	

	.indicadorgeneral li a .box-circle .progress-circle {
	    width: 120px;
	    height: 120px;
	    margin-bottom:  5px;
	}

	.indicadorgeneral li a .box-circle .progress-circle span {
	    width: 85px;
	    height: 85px;
	    margin-left: -42px;
	    margin-top: -42px;
	    font-size: 15px;
	    display: inline-flex;
	    align-items: center;
	    padding-left:  23px;
	}

	.indicadorgeneral li .roundIndicador .infoIndicador a {font-size: 15px;}

	.progress-circle span.datoUnicoSpan::after {
	    font-size:  13px;
	    position:  absolute; 
	    width:  100%;
	    left:  0;
	    top: -8px;
	}

	.indicadorgeneral {
	    margin-bottom:  0px;
	    background-color: transparent; 
	}

	.indicadorgeneral li a {
	    margin-top:  0px;
	}
}
	/* INDICADORES INTRANET */

/***********************************************************************/
/*****************************FORMULARIO TRAMITES**********************/
/***********************************************************************/

.formTramitesM {
	background-color: #F2f2f2;
	margin: 30px 30px 60px 30px;
	padding-bottom: 30px;
	border-top: 5px solid @activea;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 1.4px 1.4px 3px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1.4px 1.4px 3px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 1.4px 1.4px 3px 0 rgba(0, 0, 0, 0.15);

	/*.ms-rtestate-field p { 
		display: inline-block !important;
	}*/

	.formTramitesM .ms-rtestate-field p {
    display: block;
}

	label {

		font-family: 'ubuntulight';
		padding: 5px 0 3px 0;
		font-size: 16px;
		color: @fblue;

	}

	span {
		color: @fblue;
		font-family: 'ubuntubold';
	}

	.form-control {

		border: 1px solid #EDEDED;
		color:  @fblue;

		&:focus {
			border-color: transparent;
			outline: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}

		&[type=file] {
			padding: 5px;
		}
	}

	textarea.form-control {
		height: 120px;
		resize: none;
	}

	.table{
		margin: 20px auto;
		font-family: 'ubuntumedium';
		color:  @fblue;
		max-width: 85%;

		tr {

			background: #ededed;

			&#tr_{
				background: #f2f2f2;
				font-family: 'ubuntulight';
				font-size: 14px;
			}

			td {
				border-top: 1px solid #F2F2F2;
				border-bottom: 1px solid #ededed;
			}
		}

	}

	.btn {
		background:  @fblue;
		border:none;
		color:@colorWhite;
		font-family: 'ubunturegular';
		border: none;
		font-size: 12px;
		border-radius: 4px;
		text-transform: uppercase;
		padding: 8px 10px;
		margin-left: 0;

		&:hover,
		&:focus {
			background: @activea;
		}

		&.btn-primary {
			margin: 30px auto 0 auto;
			padding: 10px;
			width: 150px;
			display: block;
		}
	}

	.g-recaptcha {
		margin: 25px auto 15px auto;
		display: block;
		width: 304px;
		height: 78px;
	} 
  
	 h4 {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: normal!important;
}
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {

	.formTramitesM {

		.form-control[type=file] {
			margin: 15px 0;
		}
	}
}

@media screen and (max-width: 480px) {

	.formTramitesM {
		margin: 30px 0 60px 0;

		label {
			padding: 15px 0 3px 0;
		}

		.form-control[type=file] {
			margin: 15px 0;
		}

		.table {
			max-width: 100%;
		}

		.btn {

			&.btn-primary {
				width: 100%;
			}
		}

		.catcha{

			img {
				height: 45px;
				margin: 0px 10px 5px 0;
			}

			input[type=text].form-control {
				width: 100%;
			}

		}
	}

}  

/***********************************************************************/
/***************************** Listado de Trámites **********************/
/***********************************************************************/

ul.ListadoTramites li.dfwp-item{
    list-style-type: none !important;
    border-bottom: 1px #0077c0;
    border-bottom-style: dashed;
    padding-bottom: 15px;
	.cont-btn {
    display: flex;
	.row{
		flex-wrap: wrap ;
	}

	div.ver{
	  display: flex;
    background-color: #143d8d;
    color: #ffffff;
    font-size: 16px;
    width: auto;
    height: 34px;
    text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius:25px;
    margin-right: 15px;
    margin-top: 15px;
	}
	.ver:hover {
		background-color: #0177c0;
		color: white;
	}
}
	 h4 {
    color: #0177c0;
    font-style: italic;
	margin-bottom: 0px;
    font-size: 16px;
}
	.btn-go{
		padding: 0px 15px 0px 15px;
		color: #ffffff;
		font-size: 12px;
	}

	.botones-excep a img {
		width: 30px;
		height: auto;
		display: table;
	}
	
}
.botones-excep {
	display: inline-block;
	margin: 0 52px;
}
.botones-excep a span {
	font-size: 30px;
	display: table;
	color: #143d8d;
}
.botones-excep a {
	display: block;
}

.BotonTop{
	position:relative;
}
.BotonBottom{
	display:block;
}


/***********************************************************************/
/***************************** Fin Listado de Trámites **********************/
/***********************************************************************/

a:visited, a:visited span.menu-item-text{
	color: #0177c0 !important;
}